React JS:如何将数据从一个组件发送到另一个组件onClick事件

import React from 'react';

class SendingComponent extends React.Component {
  handleClick = () => {
    const dataToSend = '需要发送的数据';
    this.props.onDataSent(dataToSend);
  }

  render() {
    return (
      <button onClick={this.handleClick}>发送数据</button>
    );
  }
}

export default SendingComponent;

import React from 'react';

class ReceivingComponent extends React.Component {
  handleDataReceived = (data) => {
    // 在这里处理接收到的数据
    console.log(data);
  }

  render() {
    return (
      <SendingComponent onDataSent={this.handleDataReceived} />
    );
  }
}

export default ReceivingComponent;