学的懂的reacthooks系列2常用Api

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拦截函数等

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。