React组件正在设置其子组件的onClick ...如何让它适用于所有类型的孩子

import React from 'react';

const MyContext = React.createContext();

class ParentComponent extends React.Component {
  render() {
    return (
      <MyContext.Provider value={{ onClick: this.handleClick }}>
        {this.props.children}
      </MyContext.Provider>
    );
  }

  handleClick = () => {
    // 处理点击事件的逻辑
  }
}

class ChildComponent extends React.Component {
  render() {
    return (
      <MyContext.Consumer>
        {context => (
          <button onClick={context.onClick}>
            {this.props.children}
          </button>
        )}
      </MyContext.Consumer>
    );
  }
}