初步认识React组件的声明周期及其使用场景

react

constructor

1.用于初始化内部状态，很少使用

2.唯一可以直接修改state的地方
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.决定Virtual DOM是否要重绘

2.一般可以由PureComponent自动实现

3.典型场景：性能优化

以上只做简单说明，例子后续更新