如何将AJAX数据传递给孙组件- ReactJs

// 父组件
import React, { createContext, useState } from 'react';
import ChildComponent from './ChildComponent';

// 创建Context
const MyContext = createContext();

const ParentComponent = () => {
  const [data, setData] = useState('Hello from parent');

  return (
    <MyContext.Provider value={data}>
      <ChildComponent />
    </MyContext.Provider>
  );
};

export default ParentComponent;

// 子组件
import React from 'react';
import GrandchildComponent from './GrandchildComponent';

const ChildComponent = () => {
  return (
    <div>
      <h2>Child Component</h2>
      <GrandchildComponent />
    </div>
  );
};

export default ChildComponent;

// 孙组件
import React, { useContext } from 'react';
import MyContext from './MyContext';

const GrandchildComponent = () => {
  const data = useContext(MyContext);

  return (
    <div>
      <h3>Grandchild Component</h3>
      <p>Data from parent: {data}</p>
    </div>
  );
};

export default GrandchildComponent;