最新版React（ V16.3）生命周期、性能优化及注意事项

学习React免不了对组件生命周期的学习，我们应该掌握最新生命周期，学以致用，以达到性能优化的目的。

The Component Lifecycle

React Version: 16.3

1 生命周期可视化

了解最新版的React生命周期，知道其特性（如：异步渲染），有助于开发高性能React程序。

高清大图

2 简要总结：

• 去掉了3个方法

1. componentWillMount
2. componentWillReceiveProps
3. componentWillUpdate

• 增加了2个方法

1. static getDerivedStateFromProps(nextProps, prevState)
2. getSnapshotBeforeUpdate(prevProps, prevState)

• 更改了1个方法，增加了第3个参数

1. componentDidUpdate(prevProps, prevState, snapshot)

• 更改原因： 官网说是为了实现将来新版本的异步渲染In order to support async rendering

最后

希望感兴趣的小伙伴儿可以观看官网，深入了解和学习。

官网文档： https://reactjs.org/docs/react-component.html#static-getderivedstatefromprops