可以使用apollo-client跳過部分查詢

Question

我正在嘗試在一個查詢中執行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
    }
  }
}`;

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

注意@skip(if: ...)語句上的別名調用后mainSearchData ， firstComparisonSearchData和secondComparisonSearchData 。