是否可能从函数子组件引用传递到父组件(类纯组件)

import React, { useState } from "react";
import ChildComponent from "./ChildComponent";

function ParentComponent() {
  const [dataFromChild, setDataFromChild] = useState("");

  const handleChildData = (data) => {
    // 处理子组件传递的数据
    setDataFromChild(data);
  };

  return (
    <div>
      <ChildComponent onData={handleChildData} />
      <p>Data from child component: {dataFromChild}</p>
    </div>
  );
}

export default ParentComponent;

import React from "react";

function ChildComponent({ onData }) {
  const handleClick = () => {
    // 子组件调用父组件传递的回调函数，并传递数据
    onData("Hello from child component!");
  };

  return <button onClick={handleClick}>Click me</button>;
}

export default ChildComponent;