Gatsby.js:按嵌套对象属性过滤 GraphQL 查询

Question

我正在一个新闻网站上工作，该网站将有文章，每篇文章都有一个或多个作者。如果您单击作者的姓名，它将带您进入一个页面，显示他们的信息和他们贡献的文章列表。

因此，每篇文章都有一个 authors 属性，该属性又是具有以下属性的 author 对象的数组：全名、slug(全名的小写版本，空格替换为破折号(等。

在定义查询时，是否可以按特定作者的 slug 过滤文章？

query authorQuery($slug: String!) {
  allContentfulArticle(filter: { //not sure what to do here }) {
    edges {
      node {
        title
        slug
        authors {
          name
          slug
        }
      }
    }
  }
}

我的另一个选择是加载所有文章，然后在组件中设置一个过滤器，如下所示：

const articles = data.allContentfulArticle.edges.filter(({ node }) => {
  return node.authors.some((author) => author.slug === data.contentfulAuthor.slug);
});

这不会是世界末日，但它违背了只加载所需数据的 GraphQL 原则。

Answer 1

如果我理解正确，您想在这里实现什么，您想按作者对文章进行分组。如果查询并将筛选器应用于allContentfulAuthor，则可以实现此目的并请求article字段，如下所示：

{
  allContentfulAuthor(filter: {slug: {eq: "myslug"}}) {
    edges {
      node {
        name
        article {
          title
          slug
        }
      }
    }
  }
}

请注意，article名称是文章的内容类型ID。