淄博教育学校网站建设,北京联通网站备案,网站(建设)安全自查报告,品牌网鞋React 16.8 版本 类组件 和 函数组件 两种组件共存#xff0c;到目前 React 18 版本#xff0c;官方已经不在推荐使用类组件#xff0c;在函数组件中 hooks 是必不可少的#xff0c;它允许我们函数组件像类组件一样可以使用组件的状态#xff0c;并模拟组件的生命周期等一… React 16.8 版本 类组件 和 函数组件 两种组件共存到目前 React 18 版本官方已经不在推荐使用类组件在函数组件中 hooks 是必不可少的它允许我们函数组件像类组件一样可以使用组件的状态并模拟组件的生命周期等一系列行为。 本文为 react_hooks 的汇总希望对正在学习react-hooks的你能够有所帮助
一、核心hooks 我们知道在类组件中 react 具有三大属性分别为 state、props 、ref在 hooks 中同样存在相应的 hooks 1、useState
useStatehttps://blog.csdn.net/weixin_61791370/article/details/139679655 2、useRef
useRefhttps://blog.csdn.net/weixin_61791370/article/details/139679773 3、forwardRef
forwardRefhttps://blog.csdn.net/weixin_61791370/article/details/139679851 4、uselmperativeHandle
useImperativeHandlehttps://blog.csdn.net/weixin_61791370/article/details/139679920
二、模拟生命周期 hooks 1、useEffect
useEffecthttps://blog.csdn.net/weixin_61791370/article/details/139679969 2、useLayoutEffect
useLayoutEffecthttps://blog.csdn.net/weixin_61791370/article/details/139680028
三、组件通信 hooks 1、useReducer
useReducerhttps://blog.csdn.net/weixin_61791370/article/details/139995775 2、useContext
useContexthttps://blog.csdn.net/weixin_61791370/article/details/139995886
四、性能优化 hooks 9、useMemo和memo函数
useMemo和memo函数https://blog.csdn.net/weixin_61791370/article/details/139995958 10、useCallback
useCallbackhttps://blog.csdn.net/weixin_61791370/article/details/139996016