在reactjs中将数据子项传递到父功能组件

// 子组件
function ChildComponent(props) {
  const handleClick = () => {
    const data = '子组件传递的数据';
    props.onDataReceived(data); // 调用父组件传递的回调函数，并传递数据
  };

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

// 父组件
class ParentComponent extends React.Component {
  handleDataReceived = (data) => {
    console.log(data); // 在父组件中处理接收到的数据
  };

  render() {
    return (
      <div>
        <h1>父组件</h1>
        <ChildComponent onDataReceived={this.handleDataReceived} />
      </div>
    );
  }
}