React小记（五）_Hooks入门到进阶

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