如何在 Gatsby 的查询中限制组中的对象？

Question

我的代码中有这个查询，它允许我为此博客首页构建标签云

tagCloud:allContentfulBlogPost {
  group(field: tags, limit: 8) {
     fieldValue
  }
}

它正在传递我使用{data.tagCloud.group.map(tag => (...))}; 在我的组件中映射的数据。该代码运行良好，但不受我在查询中group(fields: tags, limit: 8) 上面传递的过滤器的限制。它呈现所有标签，而不仅仅是前八个。

为了看看它是否有效，我也尝试过跳过过滤器，但没有成功。 这是在 Gatsby 中限制我的映射组件计数的正确方法吗？

Answer 1

不幸的是，Contentful 源插件没有在它创建的任何节点上定义参数。相反，您需要自己创建这些。最简单的方法是通过createResolvers API。

这是我的一个项目中的一个类似示例：

// in gatsby-node.js
exports.createResolvers = ({ createResolvers }) => {
  createResolvers({
    SourceArticleCollection: {
      // Add articles from the selected section(s)
      articles: {
        type: ["SourceArticle"],
        args: {
          // here's where the `limit` argument is added
          limit: {
            type: "Int",
          },
        },
        resolve: async (source, args, context, info) => {
          // this function just needs to return the data for the field;
          // in this case, I'm able to fetch a list of the top-level
          // entries that match a particular condition, but in your case
          // you might want to instead use the existing data in your
          // `source` and just slice it in JS.
          const articles = await context.nodeModel.runQuery({
            query: {
              filter: {
                category: {
                  section: {
                    id: {
                      in: source.sections.map((s) => s._ref),
                    },
                  },
                },
              },
            },
            type: "SourceArticle",
          })

          return (articles || []).slice(0, args.limit || source.limit || 20)
        },
      },
    },
  })
}

由于解析器作为支持 GraphQL API 的数据获取例程的一部分运行，因此它将在构建时在服务器端运行，并且只有截断/准备好的数据会在请求时发送到客户端。