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

问题描述

我正在使用 Apollo 构建 React 应用程序。
我想做一个像...

  • 在输入的变化上调用变异
  • 输入的值随着用户类型而改变

我试过了...

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

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

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

解决方法

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

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