为了账号安全,请及时绑定邮箱和手机立即绑定

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

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

Go
蛊毒传说 2023-06-05 17:01:06
给定一个简单的文本框来回答问题,您将如何在用户键入时保存答案?假设答案被更新。使用一个有点天真的 onChange 处理程序示例并使用该 onChange 中的 API 保存答案,我遇到了两个问题:从客户端向 API 发送似乎太多的补丁请求,因为每次输入文本框答案都会更改。如果使用 postgres upsert 或创建你自己的,那么如果用户快速输入,onChange 处理程序发出的第二个请求可能看不到第一个请求,为该文本框创建重复记录(一个问题的两个答案)我需要预先执行查询以在更新之前获取必要的关系值,因此 HTTP 等待时间相当长。现在解决这个问题,但似乎没有解决上述两个问题。我想只在用户按下空格键时保存,但这看起来很老套。通常当然我会在点击提交按钮后保存,但在这种情况下,它必须是用户输入的。有什么建议/意见吗?干杯。编辑:还尝试在 onBlur 中保存。但这并不总是根据用户点击的位置来调用。
查看完整描述

1 回答

?
慕莱坞森

TA贡献1810条经验 获得超4个赞

它是否必须为每个按键修补数据,或者您可以使用延迟吗?

例如...

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

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

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

当用户恢复输入时:设置另一个超时


查看完整回答
反对 回复 2023-06-05
  • 1 回答
  • 0 关注
  • 70 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信