<strike id="cy2gs"><menu id="cy2gs"></menu></strike>
  • <del id="cy2gs"><dfn id="cy2gs"></dfn></del>
  • React生命周期函數(shù)詳解和注意事項(xiàng)

    2018-7-10    seo達(dá)人

    如果您想訂閱本博客內(nèi)容,每天自動(dòng)發(fā)到您的郵箱中, 請(qǐng)點(diǎn)這里

    React生命周期函數(shù)

    生命周期函數(shù)是指在某一個(gè)周期自動(dòng)執(zhí)行的函數(shù)。 

    React中的生命周期執(zhí)行過(guò)程

    以下是React中的常用的生命周期函數(shù),按個(gè)部分中按照自動(dòng)執(zhí)行順序列出,這幾個(gè)過(guò)程可能存在同時(shí)進(jìn)行

    初始化過(guò)程(Initialization)

    • consructor()里面初始化PropsState屬性。

    掛載過(guò)程(Mounting)

    1. componentWillMount():在組件即將被掛載到頁(yè)面的時(shí)刻自動(dòng)執(zhí)行。
    2. render():將組件掛載到頁(yè)面。
    3. componentDidMount():組件被掛載到頁(yè)面之后立即執(zhí)行。

    更新過(guò)程(Updating)

    1. componentWillReceiveProps():一個(gè)組件要從父組件接收參數(shù), 只要父組件的render()函數(shù)非首次(如果這個(gè)組件第一次存在與父組件中不會(huì)執(zhí)行,如果已經(jīng)存在于父組件中才會(huì)執(zhí)行)執(zhí)行了,子組件的這個(gè)生命周期函數(shù)就會(huì)被執(zhí)行。如果組件沒(méi)有Props屬性則直接跳過(guò)
    2. shouldComponentUpdate():組件更行之前檢查是否需要更新,注意這個(gè)函數(shù)要有一個(gè)布爾類型返回值,如果返回false,這一部分的生周期 函數(shù)將不會(huì)繼續(xù)執(zhí)行,即無(wú)論如何組件都不會(huì)更新。利用這個(gè)生命周期函數(shù)可以強(qiáng)制關(guān)閉不需要更新的子組件來(lái)提升渲染性能
    3. componentWillUpdate():組件更新之前。自動(dòng)執(zhí)行。但要在shouldComponentUpdate()執(zhí)行并返回true之后執(zhí)行。
    4. render():將組件更新到頁(yè)面。
    5. componentDidUpdate():組件更新完成之后立即執(zhí)行。

    移除過(guò)程(Unmounting)

    • componentWillMount():當(dāng)組件即將被頁(yè)面剔除時(shí)執(zhí)行。

    注意事項(xiàng)



    日歷

    鏈接

    個(gè)人資料

    存檔

    主站蜘蛛池模板: 久久国产综合精品五月天| 四虎成人精品在永久在线| 国产伦精品一区二区三区视频猫咪| 亚洲AV无码久久精品蜜桃| 国产精品自在线拍国产第一页| 97久久久久人妻精品专区| 亚洲国产精品嫩草影院久久| 国产精品白丝AV嫩草影院| 国产精品视频网| 中文字幕无码精品三级在线电影 | 国产精品久久久天天影视香蕉| 国产精品亚洲片在线| 中文字幕在线亚洲精品| 欧美精品整片300页| 国产精品无打码在线播放| 华人在线精品免费观看| 国产亚洲精品精华液| 四虎国产精品永久免费网址| 亚洲午夜成人精品电影在线观看| 精品日本一区二区三区在线观看| 国产精品玖玖美女张开腿让男人桶爽免费看| 国产69精品久久久久777| 国精品午夜福利视频不卡 | 国产精品久久亚洲不卡动漫| 久久精品国产亚洲AV电影| 在线精品国产一区二区三区| 欧美久久亚洲精品| 久久精品无码av| 欧美日韩国产精品自在自线| 久久亚洲精品无码观看不卡| 久久精品不卡| 久久国产精品无码网站| 久久性精品| 亚洲人成电影网站国产精品| 亚洲精品人成无码中文毛片| 亚洲精品成人久久久| 佐藤遥希在线播放一二区 | 国产成人精品久久| 国产精品美女久久久网AV| 国产精品无码久久综合网| 国产精品日日摸夜夜添夜夜添1国产精品va欧美精 |