react 中的 PureComponent

React.PureComponent最重要的一個用處就是優化React應用,由於它減小了應用中的渲染次數,因此對性能的提高是很是可觀的。性能

原理:在普通的 componnet 組件中,shouldComponentUpdate 使用來限定組件是否應該被更新的,他的默認返回值都是 true,因此即使是 state 和 props 沒有發生改變時,也會致使組件重繪。所以針對上述狀況,React 引入了 PureComponent 純組件,它改變了 shouldComponentUpdate 生命週期方法,會自動判斷 state 和 props 是否發生了變化,從而判斷是否要從新渲染組件。優化

弊端:純組件 pureComponent 並使不是像他的優勢同樣,讓人以爲很爽,千萬不能頭腦發熱就把全部的組件都改爲純組件。spa

   由於純組件是淺比較,對比的是對象的引用,因此組件內部 state 和 props 發生改變時,它並不知道 state 和 props 發生了改變,因此千萬不能亂使用。對象

相關文章
相關標籤/搜索