【发布时间】:2018-04-13 21:21:41
【问题描述】:
阅读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>
【问题讨论】:
-
键在单项中必须是唯一的。
-
我写了一些类似于你在 Stack Overflow 上链接的文章。我想你会觉得它很有趣,它也会回答你的问题。链接如下。
-
Understanding unique keys for array children in React.js 的可能重复项。我知道您问的问题有点不同,但可以在该帖子中找到答案和更多内容。
-
@FelixKling 是的,但您不想输入“兄弟姐妹”吗? :)
标签: javascript reactjs key