我已经给了孩子关键道具，但仍然显示：列表中的每个孩子都应该有一个独特的"key"道具

Question

我使用moongodb和express后端。这是我的组件。

return (
<>
<Addnote />
<div className="row my-3">
{notes.map((note) => {
return <Noteitem note={note} key={note._id}/>;
})}
</div>
</>
)

Answer 1

如评论所述，note._id不是唯一的。您可以将其修改为唯一，或者像这样使用该项的索引:

{notes.map((note, i) => {
return <Noteitem note={note} key={i} />;
})}

或缩写为:

{notes.map((note, i) => (
<Noteitem note={note} key={i} />;
))}

Answer 2

我想

{notes.map((note) => { 

应替换为

{notes.map((note) => (

将{替换为(

)