react 組件生命周期

Paste_Image.png

<p>
具體參考這篇文章:
http://www.race604.com/react-native-component-lifecycle/
<p>

render():

render 保持其 pure 特性(純粹的渲染)

  1. 不修改組件state
  2. 不操作dom,瀏覽器交互

按照這樣方式,可以使得服務(wù)端渲染可行煤杀,react-natve可行

getInitialState()

組件掛載之前調(diào)用一次 返回值為this.state的初始值

componentWillMount() 和 componentDidMount()

componentDidMount : 初始化渲染之后調(diào)用

通過(guò) this.getDOMNode() 來(lái)獲取相應(yīng) DOM 節(jié)點(diǎn)
可以發(fā)送ajax
與其他框架集成

componentWillMount : 初始化渲染之前調(diào)用

componentWillReceiveProps

在組件接收到新的 props 的時(shí)候調(diào)用。在初始化渲染的時(shí)候,該方法不會(huì)調(diào)用萍诱。
用此函數(shù)可以作為 react 在 prop 傳入之后差牛, render() 渲染之前更新 state 的機(jī)會(huì)券盅。老的 props 可以通過(guò) this.props 獲取到。在該函數(shù)中調(diào)用 this.setState() 將不會(huì)引起第二次渲染司顿。

提示
Warning: Any use of a keyed object should be wrapped in React.addons.createFragment(object) before being passed as a child

生命周期demo gist:

https://gist.github.com/sherlock221/b1536d37d744912642ff

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末芒粹,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子大溜,更是在濱河造成了極大的恐慌化漆,老刑警劉巖,帶你破解...
    沈念sama閱讀 206,378評(píng)論 6 481
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件钦奋,死亡現(xiàn)場(chǎng)離奇詭異座云,居然都是意外死亡,警方通過(guò)查閱死者的電腦和手機(jī)付材,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,356評(píng)論 2 382
  • 文/潘曉璐 我一進(jìn)店門疙教,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái),“玉大人伞租,你說(shuō)我怎么就攤上這事贞谓。” “怎么了葵诈?”我有些...
    開封第一講書人閱讀 152,702評(píng)論 0 342
  • 文/不壞的土叔 我叫張陵裸弦,是天一觀的道長(zhǎng)。 經(jīng)常有香客問(wèn)我作喘,道長(zhǎng)理疙,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 55,259評(píng)論 1 279
  • 正文 為了忘掉前任泞坦,我火速辦了婚禮窖贤,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘贰锁。我一直安慰自己赃梧,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 64,263評(píng)論 5 371
  • 文/花漫 我一把揭開白布豌熄。 她就那樣靜靜地躺著授嘀,像睡著了一般。 火紅的嫁衣襯著肌膚如雪锣险。 梳的紋絲不亂的頭發(fā)上蹄皱,一...
    開封第一講書人閱讀 49,036評(píng)論 1 285
  • 那天,我揣著相機(jī)與錄音芯肤,去河邊找鬼巷折。 笑死,一個(gè)胖子當(dāng)著我的面吹牛崖咨,可吹牛的內(nèi)容都是我干的锻拘。 我是一名探鬼主播,決...
    沈念sama閱讀 38,349評(píng)論 3 400
  • 文/蒼蘭香墨 我猛地睜開眼掩幢,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼逊拍!你這毒婦竟也來(lái)了上鞠?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 36,979評(píng)論 0 259
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤芯丧,失蹤者是張志新(化名)和其女友劉穎芍阎,沒(méi)想到半個(gè)月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體缨恒,經(jīng)...
    沈念sama閱讀 43,469評(píng)論 1 300
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡谴咸,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 35,938評(píng)論 2 323
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了骗露。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片岭佳。...
    茶點(diǎn)故事閱讀 38,059評(píng)論 1 333
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖萧锉,靈堂內(nèi)的尸體忽然破棺而出珊随,到底是詐尸還是另有隱情,我是刑警寧澤柿隙,帶...
    沈念sama閱讀 33,703評(píng)論 4 323
  • 正文 年R本政府宣布叶洞,位于F島的核電站,受9級(jí)特大地震影響禀崖,放射性物質(zhì)發(fā)生泄漏衩辟。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,257評(píng)論 3 307
  • 文/蒙蒙 一波附、第九天 我趴在偏房一處隱蔽的房頂上張望艺晴。 院中可真熱鬧,春花似錦掸屡、人聲如沸封寞。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,262評(píng)論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)钥星。三九已至,卻和暖如春满着,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背贯莺。 一陣腳步聲響...
    開封第一講書人閱讀 31,485評(píng)論 1 262
  • 我被黑心中介騙來(lái)泰國(guó)打工风喇, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人缕探。 一個(gè)月前我還...
    沈念sama閱讀 45,501評(píng)論 2 354
  • 正文 我出身青樓魂莫,卻偏偏與公主長(zhǎng)得像,于是被迫代替她去往敵國(guó)和親爹耗。 傳聞我的和親對(duì)象是個(gè)殘疾皇子耙考,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 42,792評(píng)論 2 345

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

  • 在組件的整個(gè)生命周期中谜喊,隨著該組件的props或者state發(fā)生改變,其DOM表現(xiàn)也會(huì)有相應(yīng)的變化倦始。一個(gè)組件就是一...
    張chuner閱讀 317評(píng)論 0 2
  • 下面所寫的斗遏,只適合前端的React。(React也支持后端渲染鞋邑,而且和前端有點(diǎn)小區(qū)別诵次,不過(guò)我沒(méi)用過(guò)。) 相關(guān)函數(shù) ...
    linjinhe閱讀 177,055評(píng)論 28 208
  • 相關(guān)函數(shù) 簡(jiǎn)單地說(shuō)枚碗,React Component通過(guò)其定義的幾個(gè)函數(shù)來(lái)控制組件在生命周期的各個(gè)階段的動(dòng)作逾一。在ES...
    Allan要做活神仙閱讀 288評(píng)論 0 0
  • 人的一生就像一場(chǎng)救贖,給自己找一個(gè)出口肮雨,讓自己走出去遵堵,而不是被囚困。 從哪里開始怨规,到哪里去陌宿,怎么去,都要問(wèn)自己椅亚。 ...
    驚鴻入夢(mèng)閱讀 243評(píng)論 0 0
  • 窮人富人 男人女人 商人藝術(shù)家 政治家平民 明星吃瓜群眾 互相羨慕 互相折磨 相約升天
    巳廾閱讀 211評(píng)論 0 0