GatsbyJS 中的 GraphQL 过滤器

Question

我无法理解如何在 GatsbyJS 中为 GraphQL 查询编写过滤器。

这行得通：

filter: { contentType: { in: ["post", "page"] }

我基本上需要相反的，比如：

filter: { "post" in: { contentTypes } } // where contentTypes is array

这不起作用，因为“需要 NAME”（在我的示例中是“post”）。

通过 GatsbyJS docs 我发现了这个：

elemMatch: short for element match, this indicates that the field you are filtering will return an array of elements, on which you can apply a filter using the previous operators

filter:{
  packageJson:{
    dependencies:{
      elemMatch:{
        name:{
          eq:"chokidar"
        }
      }
    }
  }
}

太棒了！这就是我需要的！所以我尝试了一下，我得到了：

error GraphQL Error Field "elemMatch" is not defined by type markdownRemarkConnectionFrontmatterTagsQueryList_2.

markdownRemarkConnectionFrontmatterTagsQueryList_2 中定义的关键字是：

• eq: 字符串 |空；
• ne: 字符串 |空；
• 正则表达式：字符串 |空；
• glob：字符串 |空；
• 在：数组 |空；

当文档中提到更多关键字（例如elemMatch）时，为什么我仅限于这些关键字？为什么我不允许使用过滤器结构“element in: { array }”？

如何创建此过滤器？

Answer 1

按数组中的值过滤

假设您有一个以categories 作为字符串数组的降价博客，您可以像这样过滤categories 中带有“历史”的帖子：

{
  allMarkdownRemark(filter:{
    frontmatter:{
      categories: {
       in: ["historical"]
      }
    }
  }) {
    edges {
      node {
        id
        frontmatter {
          categories
        }
      }
    }
  }
}

您可以在 Gatsby.js docs 的任何 graphiq 块中尝试此查询。

---

元素匹配

我认为elemMatch 仅对具有对象数组的字段“打开”；类似comments: [{ id: "1", content: "" }, { id: "2", content: ""}]。这样，您可以对每个 comment 的字段应用更多过滤器：

comments: { elemMatch: { id: { eq: "1" } } }

这是一个您可以在 gatsby 文档中的 graphiq 块中试用的示例：

// only show plugins which have "@babel/runtime" as a dependency
{
  allSitePlugin (filter:{
    packageJson:{
      dependencies: {
        elemMatch: {
          name: {
            eq: "@babel/runtime"
          }
        }
      }
    }
  }) {
    edges {
      node {
        name
        version
        packageJson {
          dependencies {
            name
          }
        }
      }
    }
  }
}