天天看點

React-59:PureComponent

React中的component存在兩個問題

  • 隻要執行setState(),即使不改變狀态資料,元件也會重新render()
  • 目前元件重新render(),就會自動重新render子元件,如果子元件并沒有用到父元件的任何東西,這樣就會使得效率低。

https://link.juejin.cn?target= 造成上述問題的原因

  • shouldComponentUpdate()總是傳回true

https://link.juejin.cn?target= 效率高的做法

  • 隻有當元件的state或props資料發生改變時才重新render

https://link.juejin.cn?target= 解決問題的方法

  1. 通過手動判斷shouldComponentUpdate來決定是否render
React-59:PureComponent

繼續閱讀