如何共享上下文子文件- nextjs

import { createContext } from 'react';

const MyContext = createContext();

export default MyContext;

import MyContext from './context';

function MyApp({ Component, pageProps }) {
  const sharedData = { /* 共享的数据 */ };

  return (
    <MyContext.Provider value={sharedData}>
      <Component {...pageProps} />
    </MyContext.Provider>
  );
}

export default MyApp;

import { useContext } from 'react';
import MyContext from './context';

function ChildComponent() {
  const sharedData = useContext(MyContext);

  // 使用共享的数据进行渲染和操作

  return (
    // JSX代码
  );
}

export default ChildComponent;