MERN-连接前端和后端

Question

我是Web开发的新手。很抱歉，这个问题听起来很愚蠢，还是弄乱了我的代码。

我有这个问题：我尝试使用MERN堆栈创建一个简单的“待办事项”应用程序。

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

问题来了：我无法从列表中删除项目。删除请求无法正常工作，因为我无法在响应中获取我的商品ID，说实话我也不知道为什么。

这是我的反应代码：

code

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

Answer 1

问题在于，您不是将id传递给deleteNow函数，而是传递了onPress事件中的参数。

因此，如果要使其正常运行，请进行以下更改：

更改： onPress={deleteNow}至onPress={() => deleteNow(data._id)}

Answer 2

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

我要再增加一点。

您的代码 在addNote函数中- 1.使用函数中收到的newItem更新状态数据。 2.然后更新Db。 现在，问题在于添加到数据状态的newItem将没有_id属性，因为它不是来自db。

我的建议 1.像使用axios一样发布数据。 2.通过响应收到新添加的db文档并添加到数据状态。