如何做webgis网站站长素材官网

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