1、Component介紹

一般Component需要被其它類進行繼承，Component和Android一樣，也有生命周期

英文圖片如下

?

?

?

2 ? 具體說明

?

1)、掛載階段

constructor()?//構(gòu)造函數(shù),聲明之前先調(diào)用super(props)
componentWillMount()//因為它發(fā)生在render()方法前，因此在該方法內(nèi)同步設(shè)置狀態(tài)不會引發(fā)重渲染
render()//組件加載，該方法必須要有,返回一個React元素,
componentDidMount()//組件加載完成后觸發(fā)，實例化網(wǎng)絡請，設(shè)置定時器，設(shè)置監(jiān)聽，設(shè)置狀態(tài)會導致重渲染

?

2)、更新階段：該階段表示由狀態(tài)或?qū)傩缘母淖儗е陆M件的重渲染

componentWillReceiveProps(nextProps)：//該方法會在加載好的組件在收到新的狀態(tài)后調(diào)用,這里可以使用setState函數(shù)。
shouldComponentUpdate(nextProps, nextState)：該方法用來告訴React，組件輸出是否受到當前狀態(tài)或?qū)傩缘挠绊?#xff0c;默認情況下，每次狀態(tài)改變都會導致重渲染，初次渲染不會調(diào)用該方法。
componentWillUpdate()：該方法在收到新屬性和狀態(tài)渲染前調(diào)用，初次渲染不會調(diào)用該方法。
render()：該方法是mount和update階段都會使用到的方法，
componentDidUpdate(prevProps, prevState)：更新發(fā)生后會立即調(diào)用該方法，初次渲染不會調(diào)用該方法。

?

3)、銷毀階段

componentWillUnmount()：該方法會在組件被銷毀前立即調(diào)用，實現(xiàn)一些清理工作，如清除定時器，取消網(wǎng)絡請求或者是清理其他在componentDidMount()方法內(nèi)創(chuàng)建的DOM元素。

?

?

?

3 ?總結(jié)：

一般建議componentWillMount,componentDidMount,componentWillReceiveProps方法修改state值
在componentDidMount中，實例化網(wǎng)絡請，設(shè)置定時器，設(shè)置監(jiān)聽。

總結(jié)

以上是生活随笔為你收集整理的React Native之组件(Component)生命周期学习笔记的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。