在Gatsby中对多个查询上的GraphQL查询排序

import React from "react"
import { graphql } from "gatsby"

export const query = graphql`
  query {
    allPosts: allMarkdownRemark(
      sort: { fields: [frontmatter___date], order: DESC }
    ) {
      edges {
        node {
          frontmatter {
            title
            date
          }
        }
      }
    }
    allUsers: allMarkdownRemark(
      sort: { fields: [frontmatter___name], order: ASC }
    ) {
      edges {
        node {
          frontmatter {
            name
          }
        }
      }
    }
  }
`

const MyComponent = ({ data }) => {
  // 从查询结果中获取数据
  const posts = data.allPosts.edges
  const users = data.allUsers.edges

  // 在这里使用获取到的数据进行渲染
  return (
    <div>
      {/* 渲染帖子 */}
      <h2>Posts:</h2>
      <ul>
        {posts.map(({ node }) => (
          <li key={node.frontmatter.title}>{node.frontmatter.title}</li>
        ))}
      </ul>

      {/* 渲染用户 */}
      <h2>Users:</h2>
      <ul>
        {users.map(({ node }) => (
          <li key={node.frontmatter.name}>{node.frontmatter.name}</li>
        ))}
      </ul>
    </div>
  )
}

export default MyComponent