• <abbr id="chdyf"></abbr>
    <ruby id="chdyf"><acronym id="chdyf"><meter id="chdyf"></meter></acronym></ruby>
    <bdo id="chdyf"></bdo>
    <dfn id="chdyf"><menu id="chdyf"></menu></dfn>
    1. <menuitem id="chdyf"></menuitem><strong id="chdyf"><menu id="chdyf"></menu></strong>

      <rt id="chdyf"><menu id="chdyf"></menu></rt>
      成人小说一区二区三区,伊人精品成人久久综合全集观看,久久HEZYO色综合,中文字幕精品人妻熟女,影音先锋成人网站,我要看免费一级毛片,中国女人做爰A片,中文字幕av久久爽Av

      React生命周期函數詳解和注意事項

      2018-7-10    seo達人

      如果您想訂閱本博客內容,每天自動發到您的郵箱中, 請點這里

      React生命周期函數

      生命周期函數是指在某一個周期自動執行的函數。 

      React中的生命周期執行過程

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

      初始化過程(Initialization)

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

      掛載過程(Mounting)

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

      更新過程(Updating)

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

      移除過程(Unmounting)

      • componentWillMount():當組件即將被頁面剔除時執行。

      注意事項



      日歷

      鏈接

      個人資料

      藍藍設計的小編 http://www.wtxcl.cn

      存檔