當元件例項被建立並插入 dom 中時，其生命週期呼叫順序如下：
constructor
static getderivedstatefromprops()
static getderivedstatefromprops(nextprops, prevstate) = nextprops;
// 當傳入的type發生變化的時候，更新state
if (type !== prevstate.type) ;
}// 如果props傳入的內容不需要影響到你的state，那麼就需要返回乙個null
return null;
}
render()
componentdidmount()
元件更新的生命週期呼叫順序如下：
static getderivedstatefromprops()
shouldcomponentupdate()
render()
getsnapshotbeforeupdate()
componentdidupdate()
componentwillunmount()
由於是複習，所以每個生命週期並沒有都給出例子說明。在實際的專案中，並不是所有的生命週期函式都要使用到的。但是我們仍需牢記生命週期函式的引數、返回值以及作用，以便我們需要用到某些功能時能夠第一時間想到解決方法。
react官方文件
react（四）元件的生命週期
元件的生命週期 當元件第一次渲染時，依次呼叫的過程 1 constructor 1 不是所有元件均會定義該函式 2 定義該函式的目的 this.state 例如，已有成員函式clickbtn，繫結this指向的方式可以是this.clickbtn this.clickbtn.bind this 2 ...
React（三） 元件的生命週期
react元件的生命週期分為三大部分 1 掛載 mount 我們把元件渲染，並且構造dom元素插入到頁面的過程稱為元件的掛載。元件掛載的過程 元件掛載先關函式，只在元件掛載的時候呼叫，在元件更新時不會執行 import react from react class test extends reac...
react（一） 元件的生命週期
最近兄弟團隊讓我去幫忙優化兩個頁面，前端用的react全家桶，後端用的python，上一次寫react 都過去一年了，順著以前的的學習思路，再捋順一下react的要點 元件的生命週期就是reac的工作過程，就好比人有生老病死，自然界有日月更替，每個元件在網頁中也會有被建立 更新和刪除，如同有宣告的機...