用字符串和索引反应键

Question

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

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

这样使用有什么问题吗？

Answer 1

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

否则，如果它要改变或者你会改变它，那么你应该为 transactionDetail

中的每个项目使用一些唯一的值

Answer 2

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