reactjs - Recharts PieChart - 数组或迭代器中的每个孩子都应该有一个唯一的“关键”道具
问题描述
我发现了许多类似标题的问题,但没有一个解决了在 Recharts PieChart 的情况下如何解决“数组或迭代器中的每个孩子都应该有一个唯一的“关键”道具”。
有人可以告诉我应该在代码的哪一部分添加键吗?
我尝试将其添加为
<Pie key={index} />
我尝试在不同的其他部分添加密钥。
它没有帮助。
解决方案
我尝试在不同的部分添加密钥,但是
只有当我在 'data.map((entry, index)' 部分添加 'key={index}' 时,错误才得到解决,如下所示:
data.map((entry, index) => <Cell key={index} fill={COLORS[index % COLORS.length]} />)
希望它可以帮助某人!
推荐阅读
- r - 匹配字符串正则表达式完全匹配
- flutter - Flutter中最小化SliverAppBar时有没有办法看到内容?
- typescript - 如何在 TypeScript 中推断泛型的子类型?
- node.js - 将图像从 React Native 上传到 Apollo Server 不起作用?
- php - 带有ansi2html问题的PHP exec输出文本
- json - 如何在 Laravel 中返回视图并返回 json 响应?
- c# - Kafka - 序列化 JSON 时的消费者速度
- python - set_weights 函数张量流的问题
- statistics - 你如何找到翻转不公平硬币的样本空间?
- scala - Option[io.databaker.env.EnvValue],但类型 F 类型不变