React Hooks基本类型

Posted 2021-03-04 mengff

useState 生成状态

useEffect 执行副作用(不会阻塞浏览器渲染，原理是使用了requestIdleCallback，在浏览器空闲时执行callback)

useContext 获取context参数

useReducer 修改状态

useCallback 缓存函数

useMemo 缓存变量

useRef 生成ref 和 存储任意类型变量

useImperativeHandle 子组件向父组件暴露方法的途径，通常配合forwardRef

useLayoutEffect 执行副作用(阻塞浏览器渲染，在DOM更新完成后，浏览器渲染前执行，可以用来操作DOM元素，修改样式等操作)

useDebugValue 显示自定义Hook标签，或者 返回一个格式化的值

自定义Hooks 功能的抽象与重用