无法将数据从嵌套文件上载React组件传递到父组件

// 父组件
import React, { useState } from 'react';
import ChildComponent from './ChildComponent';

function ParentComponent() {
  const [data, setData] = useState(null);

  // 在父组件中定义一个用于接收子组件数据的函数
  const handleData = (dataFromChild) => {
    // 处理接收到的数据
    setData(dataFromChild);
  };

  return (
    <div>
      <ChildComponent onData={handleData} />
      {/* 在子组件上传递一个名为onData的prop，值为handleData函数 */}
      {/* 其他父组件内容 */}
    </div>
  );
}

export default ParentComponent;

// 子组件
import React from 'react';

function ChildComponent(props) {
  const handleClick = () => {
    const dataToSend = '数据';
    props.onData(dataToSend); // 调用父组件传递的函数，并传递数据作为参数
  };

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

export default ChildComponent;