• <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 生命周期相關(二)更新生命周期

      2019-6-13    seo達人

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


      更新階段分為兩部分 父組件執行 render 或者調用 this.setState。

      componentWillReceiveProps
      大部分網上教程為外部 props 發生改變才觸發 componentWillReceiveProps,其實不是,當父組件進入 render 時,無論子組件的 props 發沒發生改變,都會執行該生命周期函數。 
      函數參數有一個,為 nextProps,為將要新的 props。 
      值得注意的是,在整個更新階段的生命周期函數,只有在此函數內可以調用 this.setState 方法,當然其他也可以調用,但是會造成死循環 。

      shouldComponentUpdate
      該函數需要返回值,如沒定義則默認返回 true。當返回值為 true 時,進入 componentWillIpdate ,如為 false ,則什么都不發生。所以說這是一個可以進行 React 性能優化的地方。函數參數有兩個 nextProps 和 nextState。我們需用做的就是在 this.props、this.state、nextState、nextProps之間進行對比,來解決重復渲染的目的。

      componentWillUpdate
      如果 shouldComponentUpdate 返回值為 true 的話,生命周期會進入該函數中。在這個函數中我們可以根據實際情況做一些事情,但是不能調用 this.setState。

      render
      在更新階段的 render 來講一講 調和 過程。 render 返回的 JSX 標簽會保存在內存中,react 會通過 diff 算法來計算出最小化改動完成差異的更新。diff 是逐層遞歸比較,首先比較類型是否一樣。如果發現 <div>和 <span> 的差別的話,react 會選擇直接放棄之前的 dom 元素, 重新渲染。所以說即使是更新階段的調和過程,也會觸發組件的掛載、卸載階段。

      componentDidUpdate
      在這個時候已經更新完 dom 結構,可以重新使用 dom 操作。

      總結
      總體來說更新的生命周期要做的最重要的事情就是性能優化,減少重復渲染次數。 
      在這個方面已經有很多成熟的解決方法了,在我的博客中也會介紹如何定制更新階段的生命周期函數。 
      在使用上,最最重要的一點就是不要在除了 componentWillReceiveProps 之外的其他更新階段生命周期函數內調用 this.setState。

      相關鏈接:

      淺入 React 生命周期相關(一)掛載生命周期
      --------------------- 

      日歷

      鏈接

      個人資料

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

      存檔

      主站蜘蛛池模板: 英超| 五月天丁香社区| 中文字幕乱码无码人妻系列蜜桃| 亚洲另类无码专区丝袜| 麻豆av无码蜜臀av| 灵台县| 在线观看国产成人AV片| 熟女视频亚洲| 99re国产| 国产熟女91熟女| 亚洲av二区| 内射影院| 亚洲精品mv免费网站| 91精品人人妻人人澡人人爽人人精东影业| 新91视频在线观看www| 无码国产精品一区二区免费3P| 美女18毛片免费视频| 国产精品久久久久久久久电影网| 精品综合久久久久久8888| 国产精品久久久影院色| 色中射| 在线免费观看a视频| 亚洲丝袜熟女在线樱桃 | 中文原创av| 美女一区二区三区网av| 九九国产视频| 嫩草院一区二区三区无码| 国产成人精品视频一区二区电影| 国产AV无码专区亚洲AV漫画| 日屄视频在线观看| 沈阳市| 噶尔县| 极品粉嫩福利午夜在线播放| 国产妇女馒头高清泬20P多毛| 中文字幕av久久| 欧美啪啪视频| 69堂在线观看线无码视频一| 春梦视频站| 超碰123| 久草福利资源站| 日本人妻中文|