Apollo GraphQL 请求被取消

Question

我正在使用 Downshift 和 react-apollo 构建一个 React 类型提前文本字段组件。当用户键入时，我正在查询预先输入的建议并将它们显示在文本字段下方。

很遗憾，这次体验并不顺利。出于某种原因，Apollo 会不时取消 50% 以上的请求。

我还在记录使用graphql HoC 封装的组件可访问的响应数据。在所需的情况下，loading 状态设置为false，并且我的words 数据可用。在不希望的情况下，loading 状态设置为 true 并且没有可用的 words 数据。无论是需要还是不需要的请求，后端每次都会执行。

不受欢迎的情况

请注意1的networkStatus。

所需案例

请注意7的networkStatus。

为什么 apollo 会取消这些请求？如何解决这个问题？

Answer 1

您如何使用 graphql 高阶组件？

您似乎在渲染函数本身中创建了该高阶组件的实例。渲染被多次触发，特别是如果你使用 .如果在请求解决之前发生重新渲染，则旧请求将被取消。您可以改用新的 Query 组件来避免这种情况。 Query 组件可以很容易地在 render 中使用。它优雅地处理那些重新渲染。