如何将参数传递给graphql片段？

Question

将参数传递给 GraphQL 查询很容易。但是 GraphQL 片段呢？

此代码包含一些完全正常的查询，带有参数 (itemId) 和我尝试执行的操作的提示 (includeExtraResults)：

export const GET_ITEM = gql`
  query GetItem($itemId: ID!, $includeExtraResults:BOOLEAN) {
    container {
      item(itemId: $itemId) {
        itemId
        someField
        innerItem(someExtraOption: $includeExtraResults) {
          ...InnerItemFragment
        }
      }
    }
  }
  ${INNER_ITEM_FRAGMENT}
`;

export const INNER_ITEM_FRAGMENT = gql`
  fragment InnerItemFragment on InnerItemType {
    innerItemId
    innerInnerItem(someExtraOption: $includeExtraResults) {
      someFields
    }
  }
  ${INNER_INNER_ITEM_FRAGMENT}
`;


export const INNER_INNER_ITEM_FRAGMENT = gql`
  /* (not detailed here) */
`;

当内部项目作为内部项目的一部分被自动查询时，我不希望它们返回过滤器工作所依据的字段。客户也不知道逻辑。相反，我想使用参数，并且逻辑是在服务器端决定的。

尽管如此，他们的查询还是以某种方式实现，它需要（可选）参数“includeExtraResults”，该参数首先传递给 GetItem。

那么，有没有办法将“includeExtraResults”传递给内部片段？为了使这有意义，应该改变什么？在现实生活中，这是一个复杂的系统，具有许多层次的内部碎片。

Answer 1

您可以在片段中使用查询的变量：

query HeroComparison($first: Int = 3) {
  leftComparison: hero(episode: EMPIRE) {
    ...comparisonFields
  }
  rightComparison: hero(episode: JEDI) {
    ...comparisonFields
  }
}

fragment comparisonFields on Character {
  name
  friendsConnection(first: $first) {
    totalCount
    edges {
      node {
        name
      }
    }
  }
}

此信息来自官方指南

Answer 2

作为概述在这里，你必须明确地允许使用它们之前的片段变量：

import { enableExperimentalFragmentVariables } from 'graphql-tag'

enableExperimentalFragmentVariables()

这至少应该让您使用在包含片段中的操作中定义的变量。请注意，这仍然是一个实验性功能，不是规范的正式组成部分——请参阅此问题以了解正在进行的对话。