在React JS中，我如何告诉父组件在子组件中发生了什么？

// 父组件
class ParentComponent extends React.Component {
  handleChildEvent = (data) => {
    // 处理子组件传递的数据
    console.log(data);
  }

  render() {
    return (
      <div>
        <ChildComponent onChildEvent={this.handleChildEvent} />
      </div>
    );
  }
}

// 子组件
class ChildComponent extends React.Component {
  handleClick = () => {
    // 子组件中发生了某个事件，将数据传递给父组件
    this.props.onChildEvent('Some data');
  }

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

// 父组件
class ParentComponent extends React.Component {
  state = {
    childEventData: null
  }

  handleChildEvent = (data) => {
    // 处理子组件传递的数据
    this.setState({ childEventData: data });
  }

  render() {
    return (
      <div>
        <ChildComponent childEventData={this.state.childEventData} onChildEvent={this.handleChildEvent} />
      </div>
    );
  }
}

// 子组件
class ChildComponent extends React.Component {
  handleClick = () => {
    // 子组件中发生了某个事件，将数据传递给父组件
    this.props.onChildEvent('Some data');
  }

  render() {
    return (
      <div>
        <button onClick={this.handleClick}>Click me</button>
        <p>{this.props.childEventData}</p>
      </div>
    );
  }
}