没有保存按钮的自动保存表单 - 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的主要内容,如果未能解决你的问题,请参考以下文章
使用 Apollo Client GraphQL 查询和修改表单