如何从组件发送this.state到中继根容器

// 组件
class MyComponent extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      data: 'Hello World',
    };
  }

  sendDataToRootContainer = () => {
    // 调用发送状态的函数，将组件的状态发送到中继根容器
    this.props.sendStateToRootContainer(this.state);
  }

  render() {
    return (
      <div>
        <button onClick={this.sendDataToRootContainer}>发送状态到中继根容器</button>
      </div>
    );
  }
}

// 中继根容器
class RootContainer extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      receivedData: null,
    };
  }

  receiveStateFromComponent = (state) => {
    // 接收组件发送的状态，并进行处理
    this.setState({ receivedData: state });
  }

  render() {
    return (
      <div>
        <MyComponent sendStateToRootContainer={this.receiveStateFromComponent} />
        <p>接收到的状态：{this.state.receivedData && this.state.receivedData.data}</p>
      </div>
    );
  }
}

ReactDOM.render(<RootContainer />, document.getElementById('root'));