为具有重复项目的列表选择反应键

Question

我需要渲染一个包含字符串项目的列表，例如['a', 'b', 'c', 'a']，项目允许彼此重复，在 中选择反应键的正确方法是什么{list.map(x => <span key={?}>{x}</span>)}？

Answer 1

这应该有效

{list.map((x,i) => <span key={`${x}-${i}`}>{x}</span>)}