将 pageContext 数组传递给 Gatsby 的 pageQuery

Question

为了将 pageContext 数组传递给 gatsby 页面查询，我苦苦挣扎了好几个小时

如何将数组传递给 GraphQL？

query AllCategoriesQuery($id: Int!, $cat: Array) {

以下是我的完整查询

export const query = graphql`
  query AllCategoriesQuery($id: Int!) {
    allStrapiChildcategories: allStrapiChildcategories(
      filter: { category: { id: { eq: $id } } }
    ) {
      edges {
        node {
          id
          title
          strapiId
          category {
            id
            title
          }
        }
      }
    }
    allProducts: allStrapiProducts(
      filter: { childcategory: { id: { in: $cat } } }
    ) {
      edges {
        node {
          id
          title
          strapiId
          childcategory {
            id
          }
        }
      }
    }
  }
`

Answer 1

使用pageContext 和 GraphQL 传递数组有点棘手。

试试这个：

query AllCategoriesQuery($id: Int!, $cat: [Int!]!) {}

这样，您定义了一个不可为空的整数列表（标记为感叹号，!），这意味着这是一个必填字段。

在 GraphQL 中，它们被称为“列表”而不是数组，尽管类比并不完全准确。该列表按顺序排列项目。在 SDL（架构定义语言）中，列出的修饰符写成方括号，括号中包含类型的实例。

有关 GraphQL Schema 的更多信息：https://graphql.org/learn/schema/