文章詳情頁
javascript - react性能問題？
瀏覽：166日期：2023-02-22 18:32:25
問題描述
如果組件層級過深會不會影響到App性能？，如果會的話一般會設置多少個層級
redux每次action的時候通過reducer產生一個新的state，那么如果action多了，state對象就多了，這樣不會影響性能么？redux是如何規避的？
問題解答
回答1：組件嵌套這個問題避免不了，為了復用代碼，必須嵌套，否則代碼量巨大。這也是react的弊端之一。一般來說，3-5級嵌套基本上能解決問題了，再深點估計也沒問題。如果太深了，那首先要面對的問題絕對不是性能，是開發，你可能根本記不住參數到底從哪傳到哪。可以適當的多一些代碼，降低復用率，但是維護起來方便很多，性能也OK。至于state的問題，redux維護的是一個巨大的state。整個項目是一個state，分出來小的state到各個組件身上去。沒有深入了解具體state是怎么運行的，感覺上應該是產生了新的state后，原來的state就變成了類似于沒有引用的對象，會被系統釋放掉。
回答2：試試 immutable
回答3：virtual dom
標簽：
JavaScript
相關文章：
1. 怎樣使留言的數據與登錄的用戶名，密碼保持一致（在數據庫上是一行的）。2. java - 輸出4個不相等整數之間所有任意三個整數的乘積3. javascript - 一排三個框，各個框的間距是15px,距離外面的白框間距也是15px，這個css怎么寫？4. javascript - jqery 適應輪播，哪位前輩可以幫助小弟按照下面圖片寫一個大概例子，小弟在此跪謝！5. css3 - rem布局下，用戶瀏覽器的最小字號是12px怎么辦？6. css如何實現兩欄布局，左邊固定寬度，右邊寬度自適應，且高度和瀏覽器當前高度一致？7. css3 - CSSComb for Sublime Text 在 Windows 下無法使用。8. javascript - nodejs中使用request庫怎么抓取網頁中的圖片9. mysql money 插入數據為什么報錯？10. angular.js - 百度爬蟲如何處理“#”符號？
排行榜
網公網安備