反应关键是本地还是全球?

时间:2017-11-01 14:12:26

标签: javascript reactjs key

阅读this article关于使用index是一个反应键。

假设我们有两个列表:

<List1>
  <el key="1" />
  <el key="2" />
</List1>

<List2>
  <other-el key="1" />
  <other-el key="2" />
</List2>

两个列表中的元素具有相同的keys是否安全?元素之间全局共享的键或List1键是第一个列表的本地键,而List2键是第二个列表的本地键吗?

如果列表看起来像这样会更好:

<List1>
  <el key="1-1" />
  <el key="1-2" />
</List1>

<List2>
  <other-el key="2-1" />
  <other-el key="2-2" />
</List2>

1 个答案:

答案 0 :(得分:0)

键只能在兄弟姐妹中唯一

数组中使用的键在同级之间应该唯一。然而 它们不必在全球范围内都是唯一的。

来源:https://reactjs.org/docs/lists-and-keys.html#keys-must-only-be-unique-among-siblings