React V16.3生命週期：The Component Lifecycle Flowchart

學習 React免不了對組件生命週期的學習，咱們應該掌握最新生命週期，學以至用，以達到性能優化的目的。

---

The Component Lifecycle

React Version: 16.3

1 生命週期可視化

高清大圖--歡迎轉載

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