react生命周期流程
1.初始化，首次render
-
getDefaultProps()
getDefaultProps 方法可以用來(lái)設(shè)置組件屬性的默認(rèn)值,在組件被建立時(shí)候就立即調(diào)用，所有實(shí)例都可以共享這些屬性。此時(shí)并不可以使用this.state和setState。
注意es6語(yǔ)法中就不這樣用了，在前面一篇文章中介紹過(guò)了區(qū)別。 -
getInitialState()
getInitialState 方法用于定義初始狀態(tài),也不可以使用this.state和setState。
-
componentWillMount()
componentWillMount只在初始化時(shí)候被調(diào)用一次，可以使用setState方法，會(huì)立即更新state，然后接著進(jìn)行render。
-
render()
注意在render中千萬(wàn)不可使用setState方法，不然馬上會(huì)引起無(wú)限的報(bào)錯(cuò)了哈哈。如果其中包含其他的子組件，那么子組件的生命周期才開(kāi)始進(jìn)行。
-
componentDidmount()
在子組件也都加載完畢后執(zhí)行，在RN中就是指組件初始化加載完畢，在react中DOM渲染完成，此時(shí)就可以操作DOM了。
2.props發(fā)生改變時(shí)候更新
-
componentWillReceiveProps(nextProps)
componentWillReceiveProps方法可以比較this.props和nextProps來(lái)看是否發(fā)生了變化，然后可以進(jìn)行setState等操作。
注意只要父組件此方法觸發(fā)，那么子組件也會(huì)觸發(fā)，也就是說(shuō)父組件更新，子組件也會(huì)跟著更新。
-
shouldComponentUpdate(nextProps, nextState)
shouldComponentUpdate 方法在接收了新的props或state后觸發(fā)，你可以通過(guò)返回true或false來(lái)控制后面的生命周期流程是否觸發(fā)。
-
componentWillUpdate(nextProps, nextState)
componentWillUpdate在props或state改變或shouldComponentUpdate返回true后觸發(fā)。不可在其中使用setState。
-
render()
重新渲染。
-
componentDidupdate(prevProps, prevState)
會(huì)等子組件也都更新完后才觸發(fā)。
3.state發(fā)生改變時(shí)候更新
-
shouldComponentUpdate(nextProps, nextState)
shouldComponentUpdate 方法在setState后state發(fā)生改變后觸發(fā)，你可以通過(guò)返回true或false來(lái)控制后面的生命周期流程是否觸發(fā)。
-
componentWillUpdate(nextProps, nextState)
componentWillUpdate在state改變或shouldComponentUpdate返回true后觸發(fā)。不可在其中使用setState。
-
render()
重新渲染。
-
componentDidupdate(prevProps, prevState)
會(huì)等子組件也都更新完后才觸發(fā)。
3.組件銷(xiāo)毀
-
componentWillUnmount()
組件銷(xiāo)毀時(shí)候觸發(fā)。
使用redux時(shí)候情況
在使用redux做狀態(tài)管理時(shí)候，基本不需要透過(guò)生命周期去做setState這樣的狀態(tài)管理了，基本都是用props來(lái)傳遞來(lái)重新渲染，需要注意的僅僅是在哪個(gè)生命周期時(shí)候觸發(fā)action，比如需要進(jìn)行ajax請(qǐng)求時(shí)候一般都是在componentDidMount和componentWillReceiveProps時(shí)候進(jìn)行，在reducer中處理完，然后在通過(guò)props傳入組件執(zhí)行組件的更新周期。
參考資料
2.掘金
