挂载时的钩子函数
- constructor()：实现组件实例初始化
- render()：纯函数，组件渲染
-
componentDidMount()：组件挂载后立即调用（适用于依赖 DOM 操作的方法或者异步请求之类）
ps：纯函数概念（一个函数的返回结果只依赖其参数，并且执行过程中没有副作用）
更新时的钩子函数
- shouldComponentUpdate()：数据更新前的检测，返回 boolean 值，如果为 true 则继续更新，反之。可以做一些性能优化的方法，但不建议依赖此函数阻止渲染，推荐使用 PrueComponent。
- render()：更新后的渲染
- componentDidUpdate()：数据更新后立即被调用
销毁/卸载时的钩子函数
- componentWillUnmount()：在组件卸载及销毁前立即调用。
注意，类似于 componentWillMount 的函数目前支持到 React 17 ，如若使用请添加前缀 UNSAFE_
网友评论