无法在React本机的自定义抽屉内容功能组件中使用useContext挂钩

import React from 'react';

const MyContext = React.createContext();

export default MyContext;

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

class ParentComponent extends React.Component {
  render() {
    return (
      <MyContext.Provider value="这是上下文数据">
        <ChildComponent />
      </MyContext.Provider>
    );
  }
}

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

class CustomDrawer extends React.Component {
  render() {
    return (
      <MyContext.Consumer>
        {value => (
          <div>
            <p>上下文数据: {value}</p>
            {/* 其他自定义抽屉内容功能组件的代码 */}
          </div>
        )}
      </MyContext.Consumer>
    );
  }
}