如何使用redux操作数组的精确元素

Question

今天，我尝试使用redux创建一个列表，您可以根据需要添加和删除元素visible here。我的列表实际上是每次用户点击“添加到列表”或“删除最后添加的元素”时更新的数组。

现在我尝试做一件事，但我不知道该怎么做。事实上，我想做的是，如果用户试图再次添加Tristan，那么来自Tristan的FromControl变得“成功”（我也使用bootstrap）但我不知道如何精确地达到这个元素，因为如果我在我的reducer中使用了一个变量，我说我的FromControl的样式取决于这个变量的状态，每个FormControl都会变成'成功'。

先谢谢你的帮助:) （对不起我的英语水平）

Answer 1

您可以使用Array.prototype.findIndex()获取数组中元素的索引，然后从那里开始工作。

我也注意到您在控制台中有很多警告，我建议您在foreach内部添加key并将setState调用移至componentWillMount或其他适当的地方。