javascript - react性能問題？

問題描述

如果組件層級過深會不會影響到App性能？，如果會的話一般會設置多少個層級

redux每次action的時候通過reducer產生一個新的state，那么如果action多了，state對象就多了，這樣不會影響性能么？redux是如何規避的？

問題解答

組件嵌套這個問題避免不了，為了復用代碼，必須嵌套，否則代碼量巨大。這也是react的弊端之一。一般來說，3-5級嵌套基本上能解決問題了，再深點估計也沒問題。如果太深了，那首先要面對的問題絕對不是性能，是開發，你可能根本記不住參數到底從哪傳到哪?？梢赃m當的多一些代碼，降低復用率，但是維護起來方便很多，性能也OK。至于state的問題，redux維護的是一個巨大的state。整個項目是一個state，分出來小的state到各個組件身上去。沒有深入了解具體state是怎么運行的，感覺上應該是產生了新的state后，原來的state就變成了類似于沒有引用的對象，會被系統釋放掉。

試試 immutable

virtual dom