如何在gatsby中查询grapghql上的主体

// gatsby-node.js

const { createRemoteFileNode } = require("gatsby-source-filesystem");

exports.createPages = async ({ graphql, actions }) => {
  const { createPage } = actions;

  // 执行GraphQL查询
  const result = await graphql(`
    query {
      allMainSubjects {
        edges {
          node {
            id
            title
            description
            // 其他字段
          }
        }
      }
    }
  `);

  // 创建页面
  result.data.allMainSubjects.edges.forEach(({ node }) => {
    createPage({
      path: `/subject/${node.id}`,
      component: require.resolve("./src/templates/subject.js"),
      context: {
        subjectId: node.id,
      },
    });
  });
};

// src/templates/subject.js

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

const SubjectTemplate = ({ data }) => {
  const subject = data.mainSubjects;

  return (
    <div>
      <h1>{subject.title}</h1>
      <p>{subject.description}</p>
      {/* 其他字段 */}
    </div>
  );
};

export const query = graphql`
  query($subjectId: String!) {
    mainSubjects(id: { eq: $subjectId }) {
      title
      description
      // 其他字段
    }
  }
`;

export default SubjectTemplate;