如何使用function将值从子组件传递到父组件？

handleData = (value) => {
  // 处理从子组件传递过来的值
  console.log(value);
}

class ChildComponent extends React.Component {
  sendData = () => {
    const value = '传递的值';
    this.props.handleData(value);
  }

  render() {
    return (
      <button onClick={this.sendData}>传递值</button>
    );
  }
}

class ParentComponent extends React.Component {
  handleData = (value) => {
    // 处理从子组件传递过来的值
    console.log(value);
  }

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