MERN - 连接前端和后端

Question

我是网络开发的新手。如果这个问题听起来很愚蠢或者我的代码搞砸了，我很抱歉。

我遇到了这个问题：我尝试使用 MERN 堆栈创建一个简单的 "To Do List" 应用程序。

我确实将 React 连接到后端：我可以发送 get 和 post 请求，它们正在工作（我正在向我的 mongoDB 添加项目）。

问题来了：我无法从列表中删除项目。删除请求不起作用，因为我无法在 React 中获取我的项目 ID，老实说我不知道​​为什么。

这是我的反应代码：

code

问题应该是我没有得到我的数据的 ID...但我不知道如何解决它

Answer 1

问题是您没有将 id 传递给 deleteNow 函数，而是传递了 onPress 事件的参数。

因此，如果您想让它起作用，请进行以下更改：

变化： onPress={deleteNow} 至 onPress={() => deleteNow(data._id)}

Answer 2

更新 onPress={() => deleteNow(data._id)} 。如果您没有在 SingleItem 组件中这样做

我要加一分。

您的代码 在 addNote 函数中 - 1.update 在函数中接收到带有 newItem 的状态数据。 2.then 更新了 Db。 现在，问题是添加到数据状态的 newItem 不会有 _id 属性 因为它不是来自 db.

我的建议 1. post 你的数据就像你对 axios 所做的那样。 2.通过response接收到新添加的db文档并添加到数据状态。