首页 > 解决方案 > TODO-list:如何在服务器响应之前立即在列表中添加项目?

问题描述

我正在使用 React 创建一个 TODO 列表。

当用户填写完所有字段并按下添加按钮时,我想立即将该项目添加到列表中,然后将该项目发送到服务器。然后,服务器以数据库中该项目的 ID 响应。

问题是我的应用程序使用项目 ID 来记住当前选择了哪些项目。另外,我想在浏览器的地址栏中使用 ID。但是服务器上正在生成项目 ID,所以在服务器响应之前我无法弄清楚。

我有什么选择?

标签: javascriptreactjsrestwebarchitecture

解决方案


您可以轻松地将项目添加到反应列表中,而无需依赖服务器端 ID。

如果你真的需要后端生成的ID,我认为这是不可能的。

您当然可以使用一些临时的前端 ID(例如,基于有根据的猜测)并在后端响应后将其替换为实际 ID,但这显然需要一些模糊的簿记和映射。

这还取决于您的 ID 的工作方式。如果一个item-ID是用户和item的组合,上述应该是可行的。


推荐阅读