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

Question

我试图在一个查询中执行 3 次独特的搜索。问题是我的搜索 "filter" 类型在模式中是强制性的，但在前端它是可选的。如果我的过滤器中提供了一个空值，那么我会得到一个 graphql 错误。

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

我知道我可以使用 skip 函数来忽略整个查询，但我如何才能对部分查询实现相同的效果？或者，我如何将这些组合成单独的查询，但只执行 one 请求？

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
    }
  }
}`;

Answer 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: ...) 语句

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

Is is possible to skip part of a query with apollo-client

graphql

react-apollo

apollo-client