警告：遇到两个孩子使用相同的钥匙

Question

我正在使用 nivo 线组件来绘制堆叠线图。我收到此错误：

Warning: Encountered two children with the same key, `L1.87.83999837239584`. Keys should be unique so that components maintain their identity across updates. Non-unique keys may cause children to be duplicated and/or omitted — the behavior is unsupported and could change in a future version

它在谈论什么钥匙和孩子？图上的每个数据点是否有可能是一个不同的 React 元素，它是某个集合的一部分，并且必须在“反应意义上”被唯一标识？

Answer 1

显然，Nivo 获取您的 x,y 数据对并将每个对值组合成用于集合中标识的反应键。这意味着如果你有一个重复的 x,y 对，你最终会得到一个重复的键，这会导致我报告的错误。 它还会因为有 2 个相同的 x 值和不同的 y 值而崩溃——不知道如何处理。