在graphql中过滤多种类型的内容

Question

我正在使用 GatsbyJS，这是我第一次使用 react 和 graphql。我想混合单个页面的内容以同时包含“blog-post”类型内容和“repo-post”类型内容，但我不知道如何将其添加到查询中以对其进行过滤。

另外;我知道什么是frontmatter（re：markdown），但我不知道在这种情况下templateKey和“eq”是什么。我对我正在查看的内容了解得不够多，无法知道它被称为什么来开始寻找解释。

export const pageQuery = graphql`
  query IndexQuery {
    allMarkdownRemark(
      sort: { order: DESC, fields: [frontmatter___date] },
      filter: { frontmatter: { templateKey: { eq: "blog-post" } }}
    ) {
      edges {
        node {
          excerpt(pruneLength: 400)
          id
          fields {
            slug
          }
          frontmatter {
            title
            templateKey
            date(formatString: "MMMM DD, YYYY")
          }
        }
      }
    }
  }
`

Answer 1

eq 在这里表示等于，templateKey 只是你的 markdown frontmatter 中的另一个键。您给出的过滤器本质上是说“如果frontmatter 中的templateKey 的值等于博客文章”。

您可以更改过滤器 来自

filter: { frontmatter: { templateKey: { eq: "blog-post" } }}

到

filter: { frontmatter: { templateKey: { in: ["blog-post", "repo-post"] } }}

您应该查看docs on graphql。它还有一个很棒的工具，叫做 GraphiQL 来处理查询。