374 字
2 分钟
17 React Hook 总结
首先,对你能够坚持到现在,表示深深的赞扬,学习React Hook之路不容易。
2023-09-18
0 次
0 人

17 React Hook 总结#

首先,对你能够坚持到现在,表示深深的赞扬,学习React Hook之路不容易。

我们快速的回顾一下之前学习过的各个hook。

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代码可复用性

react hook 扩展阅读#

附01:React基础知识 附02:React扩展阅读

信息反馈#

若有错误欢迎指正,本人QQ (1933668022),或通过邮件联系:allen@183.co


至此,React Hook 你已学习完成。

真心为你鼓掌,加油,在实践中去提升自己的 React Hook 战斗值吧。

这篇文章是否对你有帮助?

发现错误或想要改进这篇文章?

在 GitHub 上编辑此页
17 React Hook 总结
作者
周小天
发布于
2023-09-18
许可协议
CC BY-NC-SA 4.0