javascript - 用字符串和索引反应键

Question

根据 React 文档，他们不建议将键用作索引。但是使用索引和字符串值有什么问题吗？像下面的一样，

transactionDetail.map((item,index) => <div key={`transaction-{index}`}>{trName}</div>)

这样使用有什么问题吗？

Answer 1

除非你不打算改变数组，即数组transactionDetail的顺序不会在每次重新渲染时改变，使用索引作为键是可以的。

否则，如果它会发生变化或者您将对其进行变异，那么您应该使用内部每个项目独有的一些值transactionDetail

Answer 2

所以，我认为如果没有其他具有相同索引的元素是没有问题的。因为，virtual-dom 使用 key 来定义已更改为重新渲染组件的元素。如果存在具有相同索引的元素，则可能会产生问题。