react中map函数返回的item的key应该如何设置

Question

react中的map函数，比如

{
  [{name:'allen', age: 18}, {name:'kobe', age:19},{name:'allen',age:20}].map((item)=><span key={}>{item.name}</span>)
}

上面的key应该如何设置？name和age都有重复值。

Answer 1

用index

{
  [{name:'allen', age: 18}, {name:'kobe', age:19},{name:'allen',age:20}].map((item,index)=><span key={index}>{item.name}</span>)
}

序号加名称加年龄

{
  [{name:'allen', age: 18}, {name:'kobe', age:19},{name:'allen',age:20}].map((item,index)=><span key={index+item.name+item.age}>{item.name}</span>)
}

Answer 2

让后端返回id

Answer 3

反正不要单独用index就行，万一有增删的逻辑组件复用直接数据串行。还要不要用一些奇怪的随机性元素，什么random，Date.now等等。其他的想怎么怼就怎么怼，JSON.stringify()都没人管