<address id="ttjl9"></address>

      <noframes id="ttjl9"><address id="ttjl9"><nobr id="ttjl9"></nobr></address>
      <form id="ttjl9"></form>
        <em id="ttjl9"><span id="ttjl9"></span></em>
        <address id="ttjl9"></address>

          <noframes id="ttjl9"><form id="ttjl9"></form>

          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.syprn.cn

          存檔

          亚洲va欧美va天堂v国产综合