Javascript 使用LodashFP时为React生成唯一密钥

Javascript 使用LodashFP时为React生成唯一密钥,javascript,reactjs,lodash,Javascript,Reactjs,Lodash,我试图使用Lodash的map方法来渲染React中的组件列表,但是生成的键始终是相同的,因为它返回的方式不同。这方面有什么办法吗 {map((item) => (<Item {...item} key={item.id} />), items} 您不应该使用索引号作为键。 博客为什么 我找到的最好的方法是这个btoaMath.random.substring0,12 btoa在JS中本机支持 console.logbtoaMath.random.substring0,12

我试图使用Lodash的map方法来渲染React中的组件列表,但是生成的键始终是相同的,因为它返回的方式不同。这方面有什么办法吗

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

您不应该使用索引号作为键。 博客为什么

我找到的最好的方法是这个btoaMath.random.substring0,12 btoa在JS中本机支持


console.logbtoaMath.random.substring0,12由于您已经在loadashFP上,您只需使用前缀:

_.uniqueId('KEY_');  // KEY_1
_.uniqueId('KEY_');  // KEY_2 etc ...
就你而言:

{map((item) => (<Item {...item} key={_.uniqueId('KEY_')} />), items}
您正在使用这个,对吗?我正在使用,所以将索引定义为第二个参数的选项不可用。使用似乎也无济于事。