0

我有我的反應本地應用程序的性能問題,我遇到的問題,但我不知道什麼是最好的方式來解決這個問題,我會在下面說明我的情況:反應,終極版的性能重新渲染組件

我有3個場景導航:

Scene 1 ==> Scene 2 ==> Scene 3 

場景2擁有廣泛的產品清單,在場景3,我可以添加或移除存儲物品(我用的是磁通架構)當發生這種情況時,應用程序的狀態會發生變化,組裝的組件會重新渲染,這是場景1,場景2和場景3的情況,問題是場景的渲染1和2很重,導致場景3的動作非常大的延遲,經過大量研究後,我發現我可以使用方法ShouldComponentUpdate來處理重新渲染,我的問題是如何渲染髮生的變化我的列表,而不是整個列表,因爲這意味着再次遍歷每個數組。

回答

1

我有點困惑。你使用Flux還是Redux?如果您使用react-redux,則可以使用mapStateToProps將組件綁定到Redux存儲的一部分。這些組件只能在這些道具改變時重新渲染。

編輯:您也可以考慮做一個新的陣營組件列表項。然後每個物品只會在他們各自的道具改變時重新渲染。

Redux Usage with React

+0

我使用的反應 - 終極版lib和我做mapStateToProps但性能不會是一個更好的,這個問題只是occorred,當我在陣列中添加項目,當我刪除或編輯項目的表現還是不錯的。 – 1fabiopereira

+0

你可以發佈你的場景組件jsx? – SteveKitakis