React知识点总结 --- 生命周期

construcor
1.用于初始化内部状态
2.唯一可以直接改变state的地方

getDerivedStateFromProps
1.当state需要从props初始化时调用
2.尽量不要使用：维护两者一致性会增加复杂度
3.每次render都会调用
4.使用场景：表单控件获取默认值

componentDidMount
1.UI渲染完之后调用
2.只执行一次
3.使用场景：获取外部资源

getSnapshotBeforeUpdate
1.在页面render之前调用，state已更新
2.使用场景：获取render之前的DOM状态

shouldComponentUpdate
1.决定Virtual DOM是否要重绘
2.一般可以由PureComponent自动实现
3.使用场景：性能优化

componentDidUpdate
1.每次UI更新时被调用
2.使用场景：页面需要根据props变化重新获取数据

componentWillUnmount
1.组件移除时被调用
2.使用场景：资源释放