没有保存按钮的自动保存表单 - Apollo,React

Posted

技术标签:

【中文标题】没有保存按钮的自动保存表单 - Apollo,React【英文标题】:Auto saving form without save button - Apollo, React 【发布时间】:2021-08-16 14:10:42 【问题描述】:

我正在使用 Apollo 构建 React 应用程序。 我想做一个类似...的表格

在输入变化时调用突变 输入的值随着用户类型而改变

我试过了……

使用Mutation来保存值 使用查询输入值

但是保存后值会改变。有点晚了。另外,我必须按两次删除键才能使值为空。

我知道我可以使用 useState 作为表单值,但是有什么方法可以更轻松地做到这一点?有没有办法在网络不稳定的情况下保持表单值,稍后再尝试重新发送?

【问题讨论】:

【参考方案1】:

'optimisticResponse' 是这种情况下的选项。

通常可以在 GraphQL 服务器返回之前预测最可能的突变结果。 Apollo Client 可以使用这个“最有可能的结果”来乐观地更新你的 UI,让你的应用程序对用户的响应更加灵敏。 https://www.apollographql.com/docs/react/performance/optimistic-ui/

【讨论】:

以上是关于没有保存按钮的自动保存表单 - Apollo,React的主要内容,如果未能解决你的问题,请参考以下文章

如何在 Android 上自动保存表单 - 最佳实践

仅在按钮单击时添加记录

使用 Apollo Client GraphQL 查询和修改表单

我应该直接使用 Apollo 数据还是在 Redux 存储中保存/修改它?

访问子表单,选择下一条记录时停止自动保存到链接表

Angular 4预定表单自动保存