2017-04-19 80 views
0

今天,我嘗試使用redux創建一個列表,您可以根據需要添加和刪除元素visible here。我的列表實際上是每次用戶點擊「添加到列表」或「刪除最後添加的元素」時更新的數組。如何使用redux操作數組中的精確元素

現在我嘗試做一件事,但我不知道該怎麼做。事實上,我想要做的是,如果例如用戶再次嘗試添加Tristan,與Tristan的FromControl變成'sucess'(我也使用bootstrap),但我不知道如何精確地到達此元素,因爲如果我在我的reducer中使用了一個變量,我說我的FromControl的風格取決於這個變量的狀態,每個FormControl都會變成'sucess'。

在此先感謝您的幫助:) (對不起,我的英語水平太)

回答

0

您可以使用Array.prototype.findIndex()來獲取元素的索引數組中,並從那裏您的方式工作。

我看到的好,你有很多在控制檯的警告,我建議你在你的組件添加key當一個foreach內,移動setState調用componentWillMount或其他合適的地方。

+0

感謝您的快速回答,併爲您提供多重警告幫助:P。我不明白一件事。當我使用Array.prototype.findIndex()獲取組件時,我怎麼改變他的風格? –

+0

由於您使用的是redux,因此您可以將商店綁定到組件的參數並使用它來渲染組件。如果你還沒有,我建議你看看[本教程](http://redux.js.org/docs/basics/UsageWithReact.html),這個例子可以幫助你更好地理解。 – oirad

+0

好吧,我現在就去看看,謝謝! –