如何从子组件更新后再次呈现父组件

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

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

  const handleChildUpdate = (updatedData) => {
    setData(updatedData);
  };

  return (
    <div>
      <ChildComponent onUpdate={handleChildUpdate} />
      <p>父组件数据: {data}</p>
    </div>
  );
};

export default ParentComponent;

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

const ChildComponent = ({ onUpdate }) => {
  const [childData, setChildData] = useState('');

  const handleUpdate = () => {
    const updatedData = '更新后的数据';
    setChildData(updatedData);
    onUpdate(updatedData);
  };

  return (
    <div>
      <button onClick={handleUpdate}>更新子组件</button>
      <p>子组件数据: {childData}</p>
    </div>
  );
};

export default ChildComponent;