javascript - react .js : the key value in each child component should be unique?

Question

我使用 React 来呈现数据列表，但数据中的每个项目都没有分配 id 或 uuid 或诸如识别属性之类的东西。我可以使用项目索引作为键吗？喜欢:

data.map((item, index) => {
    <Item key={index}></Item>
})

我担心的是，如果页面上的某些其他列表也使用顺序索引作为子组件键，这有关系吗？ key 应该是唯一标识吗？

Answer 1

键只需要对该列表是唯一的。

我最初也有这种担心。

来自官方文档:

Remember that the key only has to be unique among its siblings, not globally unique.

Keys should be stable, predictable, and unique. Unstable keys (like those produced by Math.random()) will cause many nodes to be unnecessarily re-created, which can cause performance degradation and lost state in child components.

在这里阅读更多:Reconciliation - Keys