react hook 预览

定义变量

useState()：定义普通变量
useReducer()：定义有不同类型、参数的变量

组件传值

useContext()：定义和接收具有全局性质的属性传值对象，必须配合React.createContext()使用

对象引用

useRef()：获取渲染后的DOM元素对象，可调用该对象原生html的方法，可能需要配合React.forwardRef()使用
useImperativeHandle()：获取和调用渲染后的DOM元素对象拥有的自定义方法，必须配合React.forwardRef()使用

生命周期

useEffect()：挂载或渲染完成后、即将被卸载前，调度
useLayoutEffect()：挂载或渲染完成后，同步调度

性能优化

useCallback()：获取某处理函数的引用，必须配合React.memo()使用
useMemo()：获取某处理函数返回值的副本

代码调试

useDebugValue()：对react开发调试工具中的自定义hook，增加额外显示信息

自定义hook

useCustomHook()：将hook相关逻辑代码从组件中抽离，提高hook代码可复用性

自定义 Hook 大全

必不可少的 React Hooks集合。
GitHub - zenghongtu/react-use-chinese: 中文文档@react-use