React-Native 生命周期

01.png

實(shí)例化

=============

  • 組件類型首次**實(shí)例化時(shí)初始化默認(rèn)props屬性,多實(shí)例共享
getDefaultProps
  • 實(shí)例化時(shí)初始化默認(rèn)state屬性
getInitialState
  • 在渲染之前觸發(fā)一次
componentWillMount
  • 渲染函數(shù),返回DOM結(jié)構(gòu)
render
  • 在渲染之后觸發(fā)一次
componentDidMount

有需要重新渲染(props變更或者setState改變state時(shí))


  • 組件接收到新的props時(shí)調(diào)用,并將其作為參數(shù)nextProps使用,可在此更改組件
componentWillReceiveProps
  • 判斷是否需要更新組件(在首次渲染期間或者調(diào)用了forceUpdate方法后,該方法不會(huì)被調(diào)用)
shouldComponentUpdate
  • 更新渲染前調(diào)用
componentWillUpdate
  • 渲染函數(shù),返回DOM結(jié)構(gòu)
render
  • 更新渲染后調(diào)用
componentDidUpdate
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

推薦閱讀更多精彩內(nèi)容

  • Hello大家好。大家可能會(huì)想問為什么最近公眾號(hào)不更新文章了,在這里說明一下。由于小編們近期工作和業(yè)務(wù)繁忙(我就不...
    sidiWang閱讀 33,645評(píng)論 9 48
  • getDefaultProps 執(zhí)行過一次后,被創(chuàng)建的類會(huì)有緩存,映射的值會(huì)存在this.props,前提是這個(gè)p...
    代碼界的掃地僧閱讀 583評(píng)論 0 1
  • 在React Native中使用組件來封裝界面模塊時(shí),整個(gè)界面就是一個(gè)大的組件,開發(fā)過程就是不斷優(yōu)化和拆分界面組件...
    ITxiansheng閱讀 949評(píng)論 1 2
  • 在React Native中使用組件來封裝界面模塊時(shí),整個(gè)界面就是一個(gè)大的組件,開發(fā)過程就是不斷優(yōu)化和拆分界面組件...
    朱_源浩閱讀 8,986評(píng)論 6 38
  • 今天晚上據(jù)說有本科畢業(yè)生晚會(huì),猶豫了半天,辦公室的我們最終還是決定去看了。畢竟生活不僅僅只有科研,還有歌舞與妹...
    南方梧桐閱讀 171評(píng)論 0 0