Как отобразить список предстоящих событий в Гэтсби?

Question

У меня есть коллекция файлов уценки для событий с полем 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
              }
            }
          }
        }
    }

Answer 1

Вы можете отфильтровать, как только все ваши сообщения будут запрошены GraphQL:

const Posts = edges
    .filter( edgeItem => edgeItem.node.frontmatter.date > Date.now())
    .map(({ node }) => <PostItem key={node.id} node={node} /> )

Если ваша дата хранится в виде строки, сначала преобразуйте ее для сравнения.https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date