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

【问题标题】：Is is possible to skip part of a query with apollo-client是否可以使用 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
    }
  }
}`;

【问题讨论】：

标签： graphql react-apollo apollo-client

【解决方案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
    }
  }
}`;

注意在别名调用mainSearchData、firstComparisonSearchData 和secondComparisonSearchData 之后的@skip(if: ...) 语句。

【讨论】：