在react和undefind中将数据从子对象传递到父对象不是函数

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

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

  // 定义回调函数
  const handleDataChange = (childData) => {
    setData(childData);
  };

  return (
    <div>
      <ChildComponent onDataChange={handleDataChange} />
      <p>Data from child component: {data}</p>
    </div>
  );
}

export default ParentComponent;

// 子组件
import React, { useState } from 'react';

function ChildComponent({ onDataChange }) {
  const [childData, setChildData] = useState('');

  const handleChange = (e) => {
    const newData = e.target.value;
    setChildData(newData);

    // 调用回调函数，将数据传递给父组件
    onDataChange(newData);
  };

  return (
    <div>
      <input type="text" value={childData} onChange={handleChange} />
    </div>
  );
}

export default ChildComponent;