javascript - 使用 LodashFP 时为 React 生成唯一 key

Question

我尝试使用 Lodash 的 map 方法在 React 中渲染组件列表，但由于其返回方式，生成的 key 始终相同。有什么办法可以解决这个问题吗？

{map((item) => (<Item {...item} key={item.id} />), items}

Answer 1

您不应使用索引号作为键。 here博客是为什么呢？

我发现的最好方法是这个 btoa(Math.random()).substring(0, 12)JS 原生支持 btoa。

   console.log(btoa(Math.random()).substring(0, 12))

key={btoa(Math.random()).substring(0, 12)}