手机国产精品一区二区,另类第一页,亚欧在线,日韩一国产极品99热在线播放69_国产美女久久精品香蕉欧美_亚州中文无码aⅤ在线_免费国产v片在线

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()里面初始化Props和State屬性。

掛載過(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è)人資料

存檔