删除笔记条目时，如何正确传递MongoDB的ObjectId？

1. 正确传递ObjectId到Note组件 #

你的App组件在渲染Note时，未将数据库返回的_id传递给Note组件的id属性，导致Note组件中props.id为undefined，调用删除接口时传递了无效值。

修改App组件中map渲染Note的部分：

{notes.map((noteItem) => {
  return (
    <Note
      key={noteItem._id} // 用数据库生成的唯一_id作为key，避免index引发的渲染异常
      id={noteItem._id} // 传递数据库的ObjectId给Note组件
      title={noteItem.title}
      content={noteItem.content}
      category={noteItem.category}
      onDelete={deleteNote}
    />
  );
})}

2. 修正后端路由的错误处理逻辑 #

你的后端delete路由中，res.status(err)写法错误——err是Error对象，并非状态码。需改为固定错误状态码或提取错误信息：

router.route('/:id').delete((req, res) => {
  Note.findByIdAndDelete(req.params.id)
    .then(() => res.json('Note deleted!')) // 提示文字与模型名称统一
    .catch(err => res.status(500).json(`Error: ${err.message}`))
})

3. 清理Schema中的冗余字段（可选） #

你的Note Schema定义了noteID字段，但后端使用的findByIdAndDelete默认查找MongoDB自动生成的_id字段。如果noteID是自定义冗余字段，可直接移除；若需用该字段作为删除依据，需修改后端逻辑：

Note.findOneAndDelete({ noteID: req.params.id })

关于"传递noteItem._id时一次性删除所有笔记"的原因 #

你大概率写成了onDelete={deleteNote(noteItem._id)}——这种写法会在组件渲染时直接执行deleteNote函数，而非点击按钮时触发。正确写法是传递函数引用（如上述代码中的onDelete={deleteNote}），或用箭头函数包裹：

onDelete={() => deleteNote(noteItem._id)}

使用箭头函数时，Note组件无需依赖props.id，直接在App层绑定参数即可。

内容的提问来源于stack exchange，提问作者01nowicj