如何在实例化React子组件和父组件时将它们链接在一起？

<ChildComponent data={this.state.data} />

class ChildComponent extends React.Component {
  render() {
    return <div>{this.props.data}</div>;
  }
}

handleData = (data) => {
  // 处理数据的逻辑
}

<ChildComponent onData={this.handleData} />

class ChildComponent extends React.Component {
  handleClick = () => {
    // 子组件内部的逻辑
    this.props.onData(data);
  }

  render() {
    return <button onClick={this.handleClick}>点击传递数据给父组件</button>;
  }
}