React:当子组件中发生onClick事件时如何在父组件中触发事件

// 父组件
class ParentComponent extends React.Component {
  handleEvent() {
    // 处理事件的逻辑
  }

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

// 子组件
class ChildComponent extends React.Component {
  render() {
    return <button onClick={this.props.onClick}>点击触发事件</button>;
  }
}

// 父组件
class ParentComponent extends React.Component {
  handleEvent() {
    // 处理事件的逻辑
  }

  render() {
    return <ChildComponent callback={this.handleEvent} />;
  }
}

// 子组件
class ChildComponent extends React.Component {
  handleClick() {
    this.props.callback();
  }

  render() {
    return <button onClick={this.handleClick.bind(this)}>点击触发事件</button>;
  }
}

// 父组件
class ParentComponent extends React.Component {
  handleEvent() {
    // 处理事件的逻辑
  }

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

// 子组件
class ChildComponent extends React.Component {
  handleClick() {
    this.props.onClick();
  }

  render() {
    return <button onClick={this.handleClick.bind(this)}>点击触发事件</button>;
  }
}