无法在父组件中执行setState操作

class ParentComponent extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      data: ''
    };
  }

  handleData = (childData) => {
    this.setState({ data: childData });
  }

  render() {
    return (
      <div>
        <ChildComponent onData={this.handleData} />
        <p>Data from child component: {this.state.data}</p>
      </div>
    );
  }
}

class ChildComponent extends React.Component {
  sendData = () => {
    const data = 'Hello from child component';
    this.props.onData(data);
  }

  render() {
    return (
      <div>
        <button onClick={this.sendData}>Send Data</button>
      </div>
    );
  }
}