reactjs - Recharts PieChart - 数组或迭代器中的每个孩子都应该有一个唯一的“关键”道具

Question

我发现了许多类似标题的问题，但没有一个解决了在 Recharts PieChart 的情况下如何解决“数组或迭代器中的每个孩子都应该有一个唯一的“关键”道具”。

有人可以告诉我应该在代码的哪一部分添加键吗？

我尝试将其添加为

<Pie key={index} /> 

我尝试在不同的其他部分添加密钥。

它没有帮助。

Answer 1

我尝试在不同的部分添加密钥，但是

只有当我在 'data.map((entry, index)' 部分添加 'key={index}' 时，错误才得到解决，如下所示：

 data.map((entry, index) => <Cell key={index} fill={COLORS[index % COLORS.length]} />)

希望它可以帮助某人！