无遮挡18禁啪啪免费观看 I 秋霞成人av I brandilove欧美三区 I 激情偷乱人伦小说视频 I 人人插人人艹 I www.亚洲com I 波多野结衣av高清一区二区三区 I 精品无码国产污污污免费网站 I 美女张开腿给男人桶爽久久 I 国产精品久久久久久久免费 I 国内精品久久99 I 亚洲精品无码专区 I 亚洲免费视频一区二区 I 午夜xxx I 国产一区啪啪 I 丝袜激情网 I 日韩精品久久久久久久 I 欧美香蕉视频 I 成人片免费看 I 天天色综合2 I 寡妇被老头舔到高潮的视频 I 亚洲第一页在线 I 国产放荡av国产精品 I 在线精品视频一区二区 I 免费黄色片在线观看 I 秋霞伊人网 I www.伊人 I 久草在线91 I 女人啪啪免费av大片 I 欧美一区二区综合 I 精品久久久久久天美传媒 I 黄色工厂在线观看 I 91精品国产色综合 I 动漫美女被到爽 I 丁香午夜激情

React生命周期函數(shù)詳解和注意事項(xiàng)

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

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

React生命周期函數(shù)

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

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

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

初始化過程(Initialization)

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

掛載過程(Mounting)

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

更新過程(Updating)

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

移除過程(Unmounting)

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

注意事項(xiàng)



日歷

鏈接

個人資料

存檔