如何在Gatsby中创建无边graphql元素？

npm install gatsby-source-graphql

module.exports = {
  plugins: [
    {
      resolve: "gatsby-source-graphql",
      options: {
        typeName: "YOUR_TYPE_NAME",
        fieldName: "YOUR_FIELD_NAME",
        url: "YOUR_GRAPHQL_ENDPOINT_URL",
      },
    },
  ],
};

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

const YourComponent = ({ data }) => {
  const yourData = data.YOUR_TYPE_NAME.YOUR_FIELD_NAME;

  return (
    <div>
      {/* 在这里使用yourData */}
    </div>
  );
};

export const query = graphql`
  query {
    YOUR_TYPE_NAME {
      YOUR_FIELD_NAME {
        // 在这里定义你想要查询的字段
      }
    }
  }
`;

export default YourComponent;