是否可以使用 apollo-client 跳过部分查询

Posted

技术标签:

【中文标题】是否可以使用 apollo-client 跳过部分查询【英文标题】:Is is possible to skip part of a query with apollo-client 【发布时间】:2017-10-06 09:52:22 【问题描述】:

我正在尝试在一个查询中执行 3 个唯一搜索。问题是我的搜索“过滤器”类型在架构中是强制性的,但在前端它是可选的。如果在我的过滤器中提供了一个空值,那么我会得到一个 graphql 错误。

我想跳过搜索 mainSearchData、firstComparisonSearchData 或 secondComparisonSearchData,具体取决于搜索过滤器是否包含数据。

我知道我可以使用skip 函数来忽略整个 查询,但是我怎样才能对部分查询实现同样的效果呢?或者,我怎样才能将这些组合成单独的查询,但只执行 一个 请求?

const GROWTH_QUERY = gql`query aggregateQuery($mainFilter: filter!, $firstComparisonFilter: filter!, $secondComparisonFilter: filter! $interval: interval!) 
  mainSearchData: groupBy(filter: $mainFilter, first: 20, after: 0) 
    items: publicationDate(interval: $interval, minDocCount: 1, sort: DESC) 
      date
      count
    
  
  firstComparisonSearchData: groupBy(filter: $firstComparisonFilter, first: 20, after: 0) 
    items: publicationDate(interval: $interval, minDocCount: 1, sort: DESC) 
      date
      count
    
  
  secondComparisonSearchData: groupBy(filter: $secondComparisonFilter, first: 20, after: 0) 
    items: publicationDate(interval: $interval, minDocCount: 1, sort: DESC) 
      date
      count
    
  
`;

【问题讨论】:

【参考方案1】:

您可以在字段本身上使用skip 函数。

例如:

const GROWTH_QUERY = gql`query aggregateQuery($mainFilter: filter!, $firstComparisonFilter: filter!, $secondComparisonFilter: filter! $interval: interval!) @skip(if: ...) 
  mainSearchData: groupBy(filter: $mainFilter, first: 20, after: 0) 
    items: publicationDate(interval: $interval, minDocCount: 1, sort: DESC) 
      date
      count
    
  
  firstComparisonSearchData: groupBy(filter: $firstComparisonFilter, first: 20, after: 0) @skip(if: ...) 
    items: publicationDate(interval: $interval, minDocCount: 1, sort: DESC) 
      date
      count
    
  
  secondComparisonSearchData: groupBy(filter: $secondComparisonFilter, first: 20, after: 0) @skip(if: ...) 
    items: publicationDate(interval: $interval, minDocCount: 1, sort: DESC) 
      date
      count
    
  
`;

注意在别名调用mainSearchDatafirstComparisonSearchDatasecondComparisonSearchData 之后的@skip(if: ...) 语句。

【讨论】:

以上是关于是否可以使用 apollo-client 跳过部分查询的主要内容,如果未能解决你的问题,请参考以下文章

我可以将 useSWR 与 apollo-client 一起使用吗?

使用 SSML 说话时如何跳过部分文本

在@apollo/react-hooks 的 useQuery 钩子中忽略了跳过参数

如何为 apollo-client 的每个请求设置变量?

Visibility = IsCollapsed 是不是跳过数据绑定部分?

CSS:在部分链接中跳过下划线