使用没有钩子的 Apollo 客户端

Question

我想使用 Apollo 客户端进行 GraphQL 查询/突变/...

但我不想使用钩子（例如useQuery(...)）。

无论组件生命周期如何，我都想获取数据。

我想将数据存储在我的Mobx 存储中。

到目前为止，我找到了与useQuery 的耦合并获取数据，我想绕过它。

类似的东西：

async function fetchTodos() {
  store.setLoading(true);

  const todos = await service.runTodosQuery();
  store.setTodos(todos);

  store.setLoading(false);
}

到目前为止，我找到了this，但我不知道如何在没有钩子的情况下使用 apollo 客户端。

Answer 1

在引入 hooks 之前，Apollo 库有 2 种方式来发出 graphql 请求

1. 组件 - Components
2. 临时模式 - HOC pattern

但图书馆已在 2020 年 3 月至 2020 年放弃了对它们的支持。所以不建议使用上述选项。

如果您仍然需要查看组件的外观。这可能会帮助你 Apollo Query and Mutation Components