react生命周期

上图具体解释

constructor

1，用于初始化内部状态，不多使用

2，惟一能够直接修改state的地方

getDerivedstateFromProps

若是state须要从props得到，通常来讲均可以经过props动态计算得到他，而不须要单独存储这个状态，一旦单独存储就要维护二者的一致性，这样就会正价复杂性。

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

2，尽可能不要使用：维护二者状态一致性会增长复杂度

3，每次reder都会调用

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

componentDidMOunt

1，ui渲染完成后调用

2，只执行一次

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

componentWillUnmount

1,组件移除时被调用

2，典型场景：资源释放

getSnapshotBeforeUpdate

1，在页面render以前调用，state已更新

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

componentDidUpdate

1,每次ui更新时被调用

2，典型场景：页面须要根据props变化从新获取数据

shouldComponentUpdate

1，决定virtual Dom是否要重绘

2，通常能够由PureComponent自动实现

3，典型场景：性能优化