react中pureComponent和Component區別


當使用component時,父組件的state或prop更新時,無論子組件的state、prop是否更新,都會觸發子組件的更新,這會形成很多沒必要的render,浪費很多性能;pureComponent的優點在於:pureComponent在shouldComponentUpdate只進行淺層的比較,只要外層對象沒變化,就不會觸發render,減少了不必要的render,當遇到復雜數據結構時,可以將一個組件拆分成多個pureComponent,以這種方式來實現復雜數據結構,以期達到節省不必要渲染的目的,如:表單、復雜列表、文本域等情況

pureComponent的優缺點:
pureComponent的優點:
不需要開發者使用shouldComponentUpdate就可使用簡單的判斷來提升性能;
pureComponent的缺點:
由於進行的是淺比較,可能由於深層的數據不一致導致而產生錯誤的否定判斷,從而導致頁面得不到更新;


鏈接:https://juejin.cn/post/6844904094021206024


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM