如何通过点击实现子组件和父组件之间的通信？

import React, { Component } from 'react';
import ChildComponent from './ChildComponent';

class ParentComponent extends Component {
  handleClick(data) {
    // 处理子组件传递的数据
    console.log('接收到子组件传递的数据：', data);
  }

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

export default ParentComponent;

import React, { Component } from 'react';

class ChildComponent extends Component {
  handleClick() {
    // 触发点击事件，并传递数据给父组件
    this.props.onClick('Hello, Parent Component!');
  }

  render() {
    return (
      <button onClick={this.handleClick.bind(this)}>点击我</button>
    );
  }
}

export default ChildComponent;