react 生命周期

原文链接：https://blog.csdn.net/wust_cyl/article/details/84306393

Constructor

1: 用于初始化操作，一般很少使用

2：唯一一个直接修改state的地方，其他地方通过调用this.setState()方法。

getDerivedStateFromProps

1：当state需要从props初始化时，使用

2：尽量不使用，维护俩者状态需要消耗额外资源，增加复杂度

3：每次render都会调用

4：典型场景表单获取默认值

componentDidMount

1：UI渲染完成后调用

2：只执行一次

3：典型场景：获取外部资源

componentWillUnmount

1：组件被移除时调用

2：典型场景：资源释放

getSnapshotBeforeUpdate

1：在render之前调用，state已更新

2：典型场景：获取render之前的dom状态

componentDidUpdate

1：每次UI更新被调用

2：典型场景：页面通过props重新获取数据

shouldComponentUpdate

1：觉得Vistual Dom是否重绘

2：一般可以由PuerComponent自动实现

3：典型场景：性能优化
 ———————————————— 
版权声明：本文为CSDN博主「wust_cyl」的原创文章，遵循CC 4.0 by-sa版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/wust_cyl/article/details/84306393