React 钩子函数

挂载时的钩子函数

• constructor()：实现组件实例初始化
• render()：纯函数，组件渲染
• componentDidMount()：组件挂载后立即调用（适用于依赖 DOM 操作的方法或者异步请求之类）
  ps：纯函数概念（一个函数的返回结果只依赖其参数，并且执行过程中没有副作用）

更新时的钩子函数

• shouldComponentUpdate()：数据更新前的检测，返回 boolean 值，如果为 true 则继续更新，反之。可以做一些性能优化的方法，但不建议依赖此函数阻止渲染，推荐使用 PrueComponent。
• render()：更新后的渲染
• componentDidUpdate()：数据更新后立即被调用

销毁/卸载时的钩子函数

• componentWillUnmount()：在组件卸载及销毁前立即调用。

注意，类似于 componentWillMount 的函数目前支持到 React 17 ，如若使用请添加前缀 UNSAFE_