useLazyQuery 未在 Promise all 中触发

Question

我正在尝试从 apollo 服务器重新获取数据，但无法使其正常工作。 我做了两个突变并将它们推入一个数组。 然后我想，当他们完成时，获取数据并重新填充图表。

    Promise.all(promises)
    .then(result => {
      console.log(result)
      console.log(id)
      return getGraph({
        variables: {
          id: id
        },
        fetchPolicy: 'network-only'
      });
    })
    .catch();

我可以看到它记录了结果和正确的 ID。也更改为仅网络，因此它不会在缓存中查找。 有什么可能出错的建议吗？

Br

Answer 1

我假设 getGraph 是 fetcher - useLazyQuery 返回的回调。

不幸的是，它没有返回Promise，而是返回void（根据Apollo docs）。 Github 上有existing issue，但我不确定是否会实现。

看，对于钩子来说，在每次渲染时返回一些数据要自然得多。在一次渲染中，您有一些标志isLoading = true，下一次渲染您将获得isLoading = false 和一些非空data。如果您引入Promise，无论组件的渲染周期如何，都可以解决或拒绝，事情变得非常混乱。

如果您不喜欢这种方法（或者确实需要将某些查询与另一个查询同步）作为一种解决方法，您可以在通过ApolloConsumer 访问的client 上运行query。

[UPD] 正如@Jedi Schmedi 在 cmets 中所写，fetcher 实际上返回Promise，但在apollo 的更新版本（^3.1.2）中。因此，尽管我不确定该 API 是否不稳定并且可以更改或者文档是否具有误导性，但它可能是一种解决方法。