学的懂的reacthooks系列2常用Api

132 阅读1分钟
  1. useState 功能:让静态组件可以使用状态state,实现类似于class类组件this.state this.setState()功能,只要state发生改变,就重新调用组件函数,重新渲染render。

  2. useEffect 功能:让静态组件可以使用生命周期方法,实现类似于class类组件 componentDidMount、componentDidUpdate、componentWillUnmount功能

  3. useCallback 功能:用于静态组件优化,可以缓存给子组件传递的函数

  4. useMemo 功能:用于静态组件优化,可以缓存函数执行完返回的函数,与userCallback功能类似

  5. useReducer 功能:让静态组件可以使用state,实现方式和useState不同,通过发送dispatch(action)-->到-->reducer--->返回新state值,重新调用组件函数,重新渲染render 另一个功能结合useContext实现 redux 数据流管理

  6. useContext 功能:让实现静态组件跨级通信,简单好用

  7. useReducer+useContext实现redux,需要自己封装combineReducers、dispatch拦截函数等