Graphql 如何显示盖茨比即将举行的活动列表?

Graphql 如何显示盖茨比即将举行的活动列表?,graphql,gatsby,Graphql,Gatsby,我有一组事件的降价文件,frontmatter字段“date”设置为事件日期 我不知道如何使用graphql查询具有未来日期的事件,限制为3。如果不能用graphql实现,那怎么做呢 { allMarkdownRemark( sort: {order: DESC, fields: [frontmatter___date]}, filter: {frontmatter: {layout: {eq: "Event"}}}, limi

我有一组事件的降价文件,frontmatter字段“date”设置为事件日期

我不知道如何使用graphql查询具有未来日期的事件,限制为3。如果不能用graphql实现,那怎么做呢

    {
      allMarkdownRemark(
        sort: {order: DESC, fields: [frontmatter___date]},
        filter: {frontmatter: {layout: {eq: "Event"}}},
        limit: 3) 
        {
          edges {
            node {
              id
              fields {
                slug
              }
              frontmatter {
                title
                layout
                date
              }
            }
          }
        }
    }

您可以在GraphQL查询完所有帖子后进行筛选:

const Posts = edges
    .filter( edgeItem => edgeItem.node.frontmatter.date > Date.now())
    .map(({ node }) => <PostItem key={node.id} node={node} /> )
const Posts=边
.filter(edgeItem=>edgeItem.node.frontmatter.date>date.now())
.map(({node})=>)
如果日期存储为字符串,请先将其转换以进行比较。