最新版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