React Native組件生命周期(三)

React?Native組件的生命周期比較簡單,主要常用的主要用

1. constructor(props){}

2. render() {return (...)}

3.?componentWillUnmount(){}

4.?在用子組件情況,會先進(jìn)行父組件的componentWillMount --> 子組件的初始化 -->?父組件render -->?父組件 componentDidMount

其生命周期主要分為三塊,

1、組件初始化mount裝載,只調(diào)用一次,可在constructor處進(jìn)行state的初始化

2、組件更新update,?調(diào)用多次,每當(dāng)props或者state發(fā)生改變時(shí)會調(diào)用,平時(shí)開發(fā)可在shouldComponentUpdate處寫邏輯判斷進(jìn)行必要的性能優(yōu)化。

3、卸載unmount,?可在此處進(jìn)行其他事件等的銷毀


代碼演示生命周期過程:

1.初始化mount

2.?更新update


3. unmount

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 在React Native中使用組件來封裝界面模塊時(shí),整個(gè)界面就是一個(gè)大的組件,開發(fā)過程就是不斷優(yōu)化和拆分界面組件...
    ITxiansheng閱讀 981評論 1 2
  • 在React Native中使用組件來封裝界面模塊時(shí),整個(gè)界面就是一個(gè)大的組件,開發(fā)過程就是不斷優(yōu)化和拆分界面組件...
    朱_源浩閱讀 9,059評論 6 38
  • (申明: 此系列教程,轉(zhuǎn)載旋之華微信公眾號,如有侵權(quán) . 通知?jiǎng)h除~) (大家可以添加他的微信公眾號了解更多內(nèi)容....
    小劉_假裝是個(gè)程序員閱讀 341評論 0 0
  • 親愛的客官們,我是目錄君,想要看全部的記得點(diǎn)我喲。 <<<四葉草之靈獸傳奇目錄 <<<薔薇小說文集,請戳這里 上一...
    薔薇下的陽光閱讀 351評論 0 3
  • 第九章 轉(zhuǎn)眼就到了二月十四,天剛擦黑,陳儒成就到了慶月樓,幫工的人也到了,楊德勝帶著三個(gè)徒弟一起準(zhǔn)備紅案的材料,一...
    梁叔閱讀 968評論 1 1

友情鏈接更多精彩內(nèi)容