reactjs - 将表单数据保存为用户类型 (React/Postgres)

Question

给定一个简单的文本框来回答问题，您将如何在用户输入时保存答案？假设答案被更新。

使用一个有点天真的 onChange 处理程序示例并使用该 onChange 中的 API 保存答案，我遇到了两个问题:

1. 从客户端向 API 发送似乎太多的补丁请求，因为每次输入文本框的答案都会发生变化。
2. 如果使用 postgres upsert 或创建您自己的 upsert，则如果用户快速输入，则 onChange 处理程序发出的第二个请求可能看不到第一个请求，从而为该文本框创建重复记录(一个问题的两个答案)
3. 我需要预先执行查询以在更新之前获取必要的关系值，因此 HTTP 等待时间相当长。现在解决这个问题，但似乎没有解决上述两个问题。

我想过只在用户按下空格键时保存，但这看起来很老套。通常情况下，我当然会在点击提交按钮后保存，但在这种情况下，它必须在用户输入时保存。

有什么建议/意见吗？干杯。

编辑:

还尝试在 onBlur 中保存。但这并不总是根据用户点击的位置调用。

Answer 1

它是否必须为每次按键都修补数据，或者您可以使用延迟吗？

例如...

用户开始输入:注册事件，设置超时时间，比如 3 秒

如果用户继续输入:将超时重置为完整的 3 秒

如果用户暂停输入 + 3 秒通过:用新值修补数据

当用户继续输入时:设置另一个超时