在React-Native開發(fā)中，組件的生命周期和我們密不可切，了解生命周期利于我們觀察組件的變化過程。組件生命周期可以先簡單分為三個階段：實例化、存在和銷毀。

實例化階段

getDefaultProps

用于設置初始化默認props屬性。

getInitialState

用于設置初始化默認state屬性，ES5一般使用的語法。在ES6中推薦使用state初始在constructor中實現(xiàn)。

componentWillMount

渲染之前調用，主要是在組件被首次渲染之前做些操作，比如要在首次渲染之前修改一些初始state，并且this.setState不會多次觸發(fā)渲染，整個生命周期執(zhí)行一次。

Render

組件的渲染函數(shù)，返回JSX或其他組件，用于開始渲染生成虛擬DOM。

componentDidMount

渲染之后調用一次，此時組件已經首次加載出來了。一般這里適合進行組件的初始化后的一些操作，比如發(fā)起網絡請求等等。

存在階段

componentWillReceiveProps

如果組件接收到新的props會調用，帶有參數(shù)nextProps，是即將被設置的屬性，這時的this.props看還可以表示舊的屬性，因此可以根據兩者的變化來選擇性地執(zhí)行相應的函數(shù)。

shouldComponentUpdate

如果組件接收到新props和改變state后會調用，shouldComponentUpdate帶有兩個參數(shù)：nextProps 和 nextState，都表示即將被設置的屬性和狀態(tài)。通過返回的bool類型判定組件是否需要更新渲染，默認返回true，常用于性能優(yōu)化減少不必要的頁面渲染。

componentWillUpdate

如果shouldComponentUpdate返回true后將調用此方法，即更新渲染之前調用，表示組件即將被更新渲染。值得一提的是，這個函數(shù)里面，你不能使用this.setState來修改狀態(tài)。

componentDidUpdate

更新渲染之后被調用，此函數(shù)中組件UI已經更新渲染完成，帶有參數(shù)prevProps和prevState，分別代表了渲染結束組件的參數(shù)和狀態(tài)。

銷毀階段

componentWillUnmount

組件移除之前被調用，通常是做清理操作，比如取消定時器。

海說軟件會持續(xù)推出前端教學課程、技術干貨。