React16.4以上生命周期【新】

挂载

当组件实例被创建并插入 DOM 中时，其生命周期调用顺序如下：

1. constructor()
2. static getDerivedStateFromProps()
3. render()
4. componentDidMount()

componentWillMount 即将在v17.0版本废弃，慎用！
getInitialState\getDefaultProps 已被弃用

更新

当组件的 props 或 state 发生变化时会触发更新。组件更新的生命周期调用顺序如下：

1. static getDerivedStateFromProps()
2. shouldComponentUpdate()
3. render()
4. getSnapshotBeforeUpdate()
5. componentDidUpdate()

componentWillReceiveProps 即将在v17.0废除！
componentWillUpdate 即将在v17.0废除！

卸载

当组件从 DOM 中移除时会调用如下方法：

1. componentWillUnmount()

错误处理

当渲染过程，生命周期，或子组件的构造函数中抛出错误时，会调用如下方法：

1. static getDerivedStateFromError()
2. componentDidCatch()

componentDidCatch 未来将被废弃!

生命周期图谱