React 数组渲染，key不确定怎么办

Question

假设我有一个数组['tom','cat','jerry','tom','jerry']，长度不确定，并且可能有重复项，我需要利用这个数组来做渲染，key该如何选取？

Answer 1

map个自增序列

Answer 2

function renderData(dataSource) {
  const items = {};

  return dataSource.map((item) => {
    items[item] = items[item] || 0;
    const key = items[item]++;

    return <div key={key}>{item}</div>;
  });
}

renderData(["tom", "cat", "jerry", "tom", "jerry"]);

这样？

Answer 3

item+index

Answer 4

需要把你的字符串数组 换成对象数组 这个对象带有唯一标识符的key

Answer 5

无需排序，index就行