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