舊版本生命週期：
react16新增生命週期：
總結：
1.react16新的生命週期棄用了componentwillmount、componentwillreceiveporps，componentwillupdate
2.新增了getderivedstatefromprops、getsnapshotbeforeupdate來代替棄用的三個鉤子函式（componentwillmount、componentwillreceiveporps，componentwillupdate）
3.react16並沒有刪除這三個鉤子函式，但是不能和新增的兩個鉤子函式（getderivedstatefromprops、getsnapshotbeforeupdate）混用。注意：react17將會刪除componentwillmount、componentwillreceiveporps，componentwillupdate
4.新增了對錯誤處理的鉤子函式（componentdidcatch）
React16 新增的生命週期
圖源出處 新增的生命週期getderivedstatefromprops getsnapshotbeforeupdate componentdidcatch getderivedstatefromerror 廢棄的生命週期 react17去除，react16不允許和新的生命週期同時使用 compon...
React16生命週期誤用及改正
react16.3採用非同步更新機制，在頁面元件並不複雜的情況下，我們在螢幕外似乎捕捉到的區別並不明顯，其實框架內部已經發生重大變革，配套新的更新機制，元件的生命週期有所調整，廢棄了三個舊生命週期，同時react官方也對新生命週期的使用做出了指導。下面列舉就我自己專案開發中總結的生命週期中最常見的不...
react 17新增的生命週期
一 廢除的生命週期 官網文件指出使用這些生命週期的 會在未來版本的react中更容易產生bug，尤其是對於非同步渲染的版本 由於未來採用非同步渲染機制，所以即將在17版本中去掉的生命週期鉤子函式 componentwillmount componentwillrecieveprops compone...