使用索引作为 React 组件的键？

Question

我正在我的 react 应用程序中呈现一个列表，其中：

• 只会将新元素附加到列表末尾。
• 每次删除一个元素时，它只会是最后一个元素。

鉴于这些条件以及不打算以任何方式重新排序元素。我可以将索引用作key 属性而没有任何问题吗？

Answer 1

是的！

你可以在这里阅读 React 文档所说的内容：https://reactjs.org/docs/lists-and-keys.html#keys

主要是这样的：如果项目的顺序可能发生变化，我们不建议使用索引作为键。 T

您也可以查看这篇文章：https://medium.com/@robinpokorny/index-as-a-key-is-an-anti-pattern-e0349aece318

据此，如果你满足这个条件：

1. 列表和项目是静态的——它们不会被计算也不会改变；
2. 列表中的项目没有 ID
3. 列表永远不会重新排序或过滤。

你应该很高兴。