在react上访问函数组件内的上下文时出现问题

import React from 'react';

const MyContext = React.createContext();

export default MyContext;

import React from 'react';
import MyContext from './MyContext';

const MyProvider = ({ children }) => {
  // 定义要共享的上下文数据
  const contextData = {
    // 上下文数据
  };

  return (
    <MyContext.Provider value={contextData}>
      {children}
    </MyContext.Provider>
  );
};

export default MyProvider;

import React from 'react';
import MyProvider from './MyProvider';
import ChildComponent from './ChildComponent';

const ParentComponent = () => {
  return (
    <MyProvider>
      <ChildComponent />
    </MyProvider>
  );
};

export default ParentComponent;

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

const ChildComponent = () => {
  const contextData = useContext(MyContext);

  // 在这里使用上下文数据

  return (
    // 子组件的 JSX
  );
};

export default ChildComponent;