如何更改子组件中的父数据？

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

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

  const updateData = (newData) => {
    setData(newData);
  };

  return (
    <div>
      <h1>Parent Component</h1>
      <p>Data: {data}</p>
      <ChildComponent updateData={updateData} />
    </div>
  );
};

export default ParentComponent;

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

const ChildComponent = ({ updateData }) => {
  const handleClick = () => {
    updateData('Updated Data');
  };

  return (
    <div>
      <h2>Child Component</h2>
      <button onClick={handleClick}>Update Parent Data</button>
    </div>
  );
};

export default ChildComponent;