如何使用Axios从React组件调用带有.Net核心的Grpahql？

npm install axios

import axios from 'axios';

const sendGraphQLRequest = async (query) => {
  try {
    const response = await axios.post('http://your-graphql-server-url', {
      query: query
    }, {
      headers: {
        'Content-Type': 'application/json'
      }
    });

    return response.data;
  } catch (error) {
    console.error(error);
    throw error;
  }
};

import React, { useEffect, useState } from 'react';

const MyComponent = () => {
  const [data, setData] = useState(null);

  useEffect(() => {
    const fetchData = async () => {
      const query = `your GraphQL query here`;
      const result = await sendGraphQLRequest(query);
      setData(result);
    };

    fetchData();
  }, []);

  return (
    <div>
      {/* Render the data */}
    </div>
  );
};

export default MyComponent;