使用 Apollo 客户端和 React 的多个查询

Posted

技术标签:

【中文标题】使用 Apollo 客户端和 React 的多个查询【英文标题】:Multiple Queries using Apollo Client and React 【发布时间】:2021-05-17 22:59:29 【问题描述】:

我第一次开始使用 GraphQL,因为我读到所有信息都可以通过一个查询来收集。这与浏览器可能需要多次访问 API/服务器的 REST 服务器形成对比。

我现在依赖 Apollo 客户端中的 useQuery 钩子。我想从一个数据库中获取一个 ID,然后根据该 ID 在另一个数据库中查找相应的名称。理想情况下,客户端只会向 API / 服务器发出一个请求。

我似乎无法在 Stack Overflow 或 Apollo 文档中找到任何信息。有人可以提供见解吗?

【问题讨论】:

【参考方案1】:

您要获取的 API 必须配置正确,以便它可以解析来自一个数据库的查询和链接 ID 以及来自另一个数据库的实体信息。

理想情况下,您的查询应如下所示

query someQueryName($id: ID!) 
  getEntityInfo(id: $id) 
    name
    someOtherProperties
  

然后 API 必须使用提供的数据库处理此查询

【讨论】:

以上是关于使用 Apollo 客户端和 React 的多个查询的主要内容,如果未能解决你的问题,请参考以下文章

如何在 Apollo Client React 中获取多个条件查询?

如何在单个项目中使用多个版本的 Apollo 客户端

React 函数组件中的多个 useLazyQuery 钩子(Apollo 客户端)

Apollo+React:如何使用代理使客户端和 graphql 在同一个域上?

何时以及如何使用 Apollo 客户端和 React 路由器进行重定向

如何在本地网络上部署带有 apollo 客户端和 apollo-server 后端的 React 应用程序