react类组件生命周期

类别：react / 日期：2023-01-10 / 浏览：276 / 评论：0

生命周期调用顺序

1. constroctor
   

2. componentWillMount  挂载前，使用至React17

3. showComponentUpdate  决定组件是否要更新，返回布尔值

4. componentWillUpdate 组件更新前，使用至React17

5. componentWillReceiveProps 会在已挂载的组件接收新的 props 之前被调用，使用至React17

6. getDerivedStateFromProps 会在调用 render 方法之前调用，并且在初始挂载及后续更新时都会被调用。它应返回一个对象来更新 state，如果返回 null 则不更新任何内容。
   -React

7. render 渲染挂载

8. getSnapshotBeforeUpdate 在最近一次渲染输出（提交到 DOM 节点）之前调用
   

9. componentDidUpdate 更新后，以在此处对 DOM 进行操作
   

10. componentDidMount 会在组件挂载后（插入 DOM 树中）立即调用

11. componentWllUnMount 会在组件卸载及销毁之前直接调用