生命周期

老生命周期

挂载阶段

• componentWillMount
• componentDidMount

更新阶段

• componentWillReceiveProps：props变化时
• shouldComponentUpdate: 如果return true。则不会往下走，也不会触发componentWillUpdate
• componentWillUpdate
• componentDidUpdate

卸载阶段

• componnetWillUnmount

洋葱模型

新生命周期

挂载阶段

• constructor
• static getDrivedStateFromProps
• render
• componentDidMount

更新阶段

• getDrivedStateFromProps
• shouldComponentUpdate
• render
• getSnapshotBeforeUpdate:注意这里的顺序是在render之后
• componentDidUpdate

卸载阶段

• componentWillUnmount

总结

• 生命周期从16.3开始渐进式变化
• React从16.3开始废弃 componentWillMount、componentWillReceiveProps、componentWillUpdate三个will的生命周期钩子