React JS将click事件传递给另一个组件

// 父组件
class ParentComponent extends React.Component {
  handleClick = () => {
    console.log('Click event received in ParentComponent');
  }

  render() {
    return (
      <div>
        <ChildComponent onClick={this.handleClick} />
      </div>
    );
  }
}

// 子组件
class ChildComponent extends React.Component {
  render() {
    return (
      <button onClick={this.props.onClick}>Click Me</button>
    );
  }
}

// 创建一个Context
const ClickContext = React.createContext();

// 父组件
class ParentComponent extends React.Component {
  handleClick = () => {
    console.log('Click event received in ParentComponent');
  }

  render() {
    return (
      <ClickContext.Provider value={this.handleClick}>
        <ChildComponent />
      </ClickContext.Provider>
    );
  }
}

// 子组件
class ChildComponent extends React.Component {
  static contextType = ClickContext;

  render() {
    return (
      <button onClick={this.context}>Click Me</button>
    );
  }
}