React組件的生命周期

React組件生命周期
4個階段:創(chuàng)建階段捷沸、實(shí)例化階段叶沛、更新階段荔棉、銷毀階段

【創(chuàng)建階段】
● getDefaultProps 只在組件創(chuàng)建時調(diào)用一次并緩存返回的對象(即在 React.createClass 之后就會調(diào)用)
【實(shí)例化階段】
● getInitialState 初始化組件的state值濒募。會賦值給組件的 this.state坪郭,只在組件裝載之前調(diào)用一次;
● componentWillMount [渲染完成之前] 根據(jù)業(yè)務(wù)邏輯來對state進(jìn)行相應(yīng)的操作,只會在渲染前調(diào)用一次吭产,render 之前調(diào)用;
● render 組裝生成這個組件的 HTML 結(jié)構(gòu),這個函數(shù)是用來渲染DOM
● componentDidMount [渲染完成之后] 只在第一次渲染完成之后才會調(diào)用侣监,只會調(diào)用一次,render 之后調(diào)用;

  [到此處,項(xiàng)目已經(jīng)正常運(yùn)行了,組件通過 ReactDOM.findDOMNode(this)能獲取當(dāng)前組件的節(jié)點(diǎn)]

【更新階段】
● componentWillReceiveProps 當(dāng)組件接收到新的 props時臣淤,會觸發(fā) (nextProps): 可以拿到即將改變的狀態(tài)
● shouldComponentUpdate : 在組件接收到新的props或者state時被調(diào)用橄霉。該方法用來攔截新的 props或 state,然后根據(jù)事先設(shè)定好的判斷邏輯邑蒋,做出最后要不要更新組件的決定;在初始化時或者使用forceUpdate時不被調(diào)用姓蜂。
● componentWillUpdate():當(dāng)上面的方法攔截返回 true 的時候按厘,就可以在該方法中做一些更新之前的操作;在這個函數(shù)內(nèi)你不能調(diào)用setState改變組件狀態(tài)
● componentDidUpdate(): 和 componentDidMount 類似,在組件的更新已經(jīng)同步到 DOM 中去后觸發(fā),在這里執(zhí)行DOM操作以及發(fā)起網(wǎng)絡(luò)請求
【銷毀階段】
● componentWillUnmount 卸載組件觸發(fā)钱慢,進(jìn)行取消事件綁定逮京、移除虛擬DOM 中對應(yīng)的組件數(shù)據(jù)結(jié)構(gòu)、銷毀一些無效的定時器等工作束莫。

React生命周期.png
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末懒棉,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子览绿,更是在濱河造成了極大的恐慌策严,老刑警劉巖,帶你破解...
    沈念sama閱讀 207,248評論 6 481
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件饿敲,死亡現(xiàn)場離奇詭異享钞,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)诀蓉,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,681評論 2 381
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來暑脆,“玉大人渠啤,你說我怎么就攤上這事√砺穑” “怎么了沥曹?”我有些...
    開封第一講書人閱讀 153,443評論 0 344
  • 文/不壞的土叔 我叫張陵,是天一觀的道長碟联。 經(jīng)常有香客問我妓美,道長,這世上最難降的妖魔是什么鲤孵? 我笑而不...
    開封第一講書人閱讀 55,475評論 1 279
  • 正文 為了忘掉前任壶栋,我火速辦了婚禮,結(jié)果婚禮上普监,老公的妹妹穿的比我還像新娘贵试。我一直安慰自己,他們只是感情好凯正,可當(dāng)我...
    茶點(diǎn)故事閱讀 64,458評論 5 374
  • 文/花漫 我一把揭開白布毙玻。 她就那樣靜靜地躺著,像睡著了一般廊散。 火紅的嫁衣襯著肌膚如雪桑滩。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 49,185評論 1 284
  • 那天允睹,我揣著相機(jī)與錄音运准,去河邊找鬼幌氮。 笑死,一個胖子當(dāng)著我的面吹牛戳吝,可吹牛的內(nèi)容都是我干的浩销。 我是一名探鬼主播,決...
    沈念sama閱讀 38,451評論 3 401
  • 文/蒼蘭香墨 我猛地睜開眼听哭,長吁一口氣:“原來是場噩夢啊……” “哼慢洋!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起陆盘,我...
    開封第一講書人閱讀 37,112評論 0 261
  • 序言:老撾萬榮一對情侶失蹤蚯舱,失蹤者是張志新(化名)和其女友劉穎冈涧,沒想到半個月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 43,609評論 1 300
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡罐农,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,083評論 2 325
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了滞造。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片河胎。...
    茶點(diǎn)故事閱讀 38,163評論 1 334
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖幔嗦,靈堂內(nèi)的尸體忽然破棺而出酿愧,到底是詐尸還是另有隱情,我是刑警寧澤邀泉,帶...
    沈念sama閱讀 33,803評論 4 323
  • 正文 年R本政府宣布嬉挡,位于F島的核電站,受9級特大地震影響汇恤,放射性物質(zhì)發(fā)生泄漏庞钢。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,357評論 3 307
  • 文/蒙蒙 一因谎、第九天 我趴在偏房一處隱蔽的房頂上張望基括。 院中可真熱鬧,春花似錦蓝角、人聲如沸阱穗。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,357評論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽揪阶。三九已至,卻和暖如春患朱,著一層夾襖步出監(jiān)牢的瞬間鲁僚,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 31,590評論 1 261
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留冰沙,地道東北人侨艾。 一個月前我還...
    沈念sama閱讀 45,636評論 2 355
  • 正文 我出身青樓,卻偏偏與公主長得像拓挥,于是被迫代替她去往敵國和親唠梨。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 42,925評論 2 344

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