在react js中从回调接收数据后，将数据传递给另一个

// 接收数据的组件
class CallbackComponent extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      data: null
    };
  }

  // 定义回调函数，将接收到的数据保存到组件的状态中
  handleData = (data) => {
    this.setState({ data });
  }

  render() {
    return (
      <div>
        <h1>CallbackComponent</h1>
        <p>Data: {this.state.data}</p>
        <ChildComponent onDataReceived={this.handleData} />
      </div>
    );
  }
}

// 需要传递数据的组件
class ChildComponent extends React.Component {
  sendData = () => {
    const data = 'Hello, World!';
    // 调用父组件传递的回调函数，将数据传递给父组件
    this.props.onDataReceived(data);
  }

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