舊版本生命周期:
React16新增生命周期:
總結:
1.React16新的生命周期棄用了componentWillMount、componentWillReceivePorps,componentWillUpdate
2.新增了getDerivedStateFromProps、getSnapshotBeforeUpdate來代替棄用的三個鈎子函數(componentWillMount、componentWillReceivePorps,componentWillUpdate)
3.React16並沒有刪除這三個鈎子函數,但是不能和新增的兩個鈎子函數(getDerivedStateFromProps、getSnapshotBeforeUpdate)混用。注意:React17將會刪除componentWillMount、componentWillReceivePorps,componentWillUpdate
4.新增了對錯誤處理的鈎子函數(componentDidCatch)