組件優化

Component的2個問題

只要執行setState(),即使不改變狀態數據, 組件也會重新render() ==> 效率低

只當前組件重新render(), 就會自動重新render子組件，縱使子組件沒有用到父組件的任何數據 ==> 效率低

效率高的做法

只有當組件的state或props數據發生改變時才重新render()

原因

Component中的shouldComponentUpdate()總是返回true

解決

辦法1: 重寫shouldComponentUpdate()方法比較新舊state或props數據, 如果有變化才返回true, 如果沒有返回false 辦法2: 使用PureComponentPureComponent重寫了shouldComponentUpdate(), 只有state或props數據有變化才返回true注意: 只是進行state和props數據的淺比較, 如果只是數據對象內部數據變了, 返回false 不要直接修改state數據, 而是要產生新數據 項目中一般使用PureComponent來優化

---

總結

以上是生活随笔為你收集整理的reactjs组件优化：setState的反复render问题的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。