2019-05-04 React 生命周期

vanillaJS例子
react生命周期例子

1.請(qǐng)求數(shù)據(jù)(ajax)
2.更新數(shù)據(jù)(setState)
3.事件監(jiān)聽(onclick)
4.初始化state

:初始化state放在construct里面
代碼里可以setState的為:
onclick,
componentDidMount,
componentWillReceiveProps


生命周期面試題整理

1.react 生命周期函數(shù)(9個(gè))
初始化階段:
componentWillMount:組件即將被裝載尉咕、渲染到頁面上
render:組件在這里生成虛擬的 DOM 節(jié)點(diǎn)
componentDidMount:組件真正在被裝載之后
construct
運(yùn)行中狀態(tài):
componentWillReceiveProps:組件將要接收到屬性的時(shí)候調(diào)用
shouldComponentUpdate:組件接受到新屬性或者新狀態(tài)的時(shí)候(可以返回 false胆胰,接收數(shù)據(jù)后不更新钮呀,阻止 render 調(diào)用巩剖,后面的函數(shù)不會(huì)被繼續(xù)執(zhí)行了)
componentWillUpdate:組件即將更新不能修改屬性和狀態(tài)
render:組件重新描繪
componentDidUpdate:組件已經(jīng)更新
銷毀階段:
componentWillUnmount:組件即將銷毀

2.shouldComponentUpdate 是做什么的绑改,(react 性能優(yōu)化是哪個(gè)周期函數(shù)芥牌?)

shouldComponentUpdate 這個(gè)方法用來判斷是否需要調(diào)用 render 方法重新描繪 dom寸爆。因?yàn)?dom 的描繪非常消耗性能替废,如果我們能在 shouldComponentUpdate 方法中能夠?qū)懗龈鼉?yōu)化的 dom diff 算法兴革,可以極大的提高性能绎晃。

should為什么這么重要?
1should可以自定義是否更新組件
2通過should優(yōu)化更新效率

3.在生命周期中的哪一步你應(yīng)該發(fā)起 AJAX 請(qǐng)求?````
1用戶點(diǎn)擊時(shí),2越早越好
放construct里和componentDidMount,
但是construct中不能使用setState.
原因是:Fiber有了調(diào)度render執(zhí)行順序的能力,所以componentWillMount方法的執(zhí)行變得不確定

4.setState合并狀態(tài)后的幾個(gè)生命周期函數(shù)的調(diào)用順序?(用戶點(diǎn)擊一個(gè)按鈕,你調(diào)用setState時(shí)會(huì)更新哪幾個(gè)鉤子?)
shouldComponentUpdate -> componentWillUpdate -> render -> componentDidUpdate

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末杂曲,一起剝皮案震驚了整個(gè)濱河市庶艾,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌擎勘,老刑警劉巖咱揍,帶你破解...
    沈念sama閱讀 218,284評(píng)論 6 506
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異棚饵,居然都是意外死亡煤裙,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,115評(píng)論 3 395
  • 文/潘曉璐 我一進(jìn)店門噪漾,熙熙樓的掌柜王于貴愁眉苦臉地迎上來硼砰,“玉大人,你說我怎么就攤上這事欣硼√夂玻” “怎么了?”我有些...
    開封第一講書人閱讀 164,614評(píng)論 0 354
  • 文/不壞的土叔 我叫張陵,是天一觀的道長遍愿。 經(jīng)常有香客問我存淫,道長,這世上最難降的妖魔是什么沼填? 我笑而不...
    開封第一講書人閱讀 58,671評(píng)論 1 293
  • 正文 為了忘掉前任桅咆,我火速辦了婚禮,結(jié)果婚禮上坞笙,老公的妹妹穿的比我還像新娘岩饼。我一直安慰自己,他們只是感情好薛夜,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,699評(píng)論 6 392
  • 文/花漫 我一把揭開白布籍茧。 她就那樣靜靜地躺著,像睡著了一般梯澜。 火紅的嫁衣襯著肌膚如雪寞冯。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 51,562評(píng)論 1 305
  • 那天晚伙,我揣著相機(jī)與錄音吮龄,去河邊找鬼。 笑死咆疗,一個(gè)胖子當(dāng)著我的面吹牛漓帚,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播午磁,決...
    沈念sama閱讀 40,309評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼尝抖,長吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼!你這毒婦竟也來了迅皇?” 一聲冷哼從身側(cè)響起昧辽,我...
    開封第一講書人閱讀 39,223評(píng)論 0 276
  • 序言:老撾萬榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎登颓,沒想到半個(gè)月后奴迅,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,668評(píng)論 1 314
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡挺据,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,859評(píng)論 3 336
  • 正文 我和宋清朗相戀三年取具,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片扁耐。...
    茶點(diǎn)故事閱讀 39,981評(píng)論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡暇检,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出婉称,到底是詐尸還是另有隱情块仆,我是刑警寧澤构蹬,帶...
    沈念sama閱讀 35,705評(píng)論 5 347
  • 正文 年R本政府宣布,位于F島的核電站悔据,受9級(jí)特大地震影響庄敛,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜科汗,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,310評(píng)論 3 330
  • 文/蒙蒙 一藻烤、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧头滔,春花似錦怖亭、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,904評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至早歇,卻和暖如春倾芝,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背箭跳。 一陣腳步聲響...
    開封第一講書人閱讀 33,023評(píng)論 1 270
  • 我被黑心中介騙來泰國打工晨另, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人衅码。 一個(gè)月前我還...
    沈念sama閱讀 48,146評(píng)論 3 370
  • 正文 我出身青樓,卻偏偏與公主長得像脊岳,于是被迫代替她去往敵國和親逝段。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,933評(píng)論 2 355

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

  • 作為一個(gè)合格的開發(fā)者割捅,不要只滿足于編寫了可以運(yùn)行的代碼奶躯。而要了解代碼背后的工作原理;不要只滿足于自己的程序...
    六個(gè)周閱讀 8,448評(píng)論 1 33
  • 生命周期流程圖簡單如下: 組件讓你把用戶界面分成獨(dú)立的亿驾,可重復(fù)使用的部分嘹黔,并且將每個(gè)部分分開考慮。React.Co...
    Simple_Learn閱讀 1,079評(píng)論 0 0
  • 說在前面 關(guān)于 react 的總結(jié)過去半年就一直碎碎念著要搞起來莫瞬,各(wo)種(tai)原(lan)因(le)儡蔓。心...
    陳嘻嘻啊閱讀 6,871評(píng)論 7 41
  • 40、React 什么是React疼邀?React 是一個(gè)用于構(gòu)建用戶界面的框架(采用的是MVC模式):集中處理VIE...
    萌妹撒閱讀 1,016評(píng)論 0 1
  • React 生命周期 React生命周期主要包括4個(gè)階段: 初始化階段 實(shí)例化階段 更新階段 銷毀階段 1 設(shè)置組...
    Android_馮星閱讀 635評(píng)論 0 1