如何在React中更新子组件时更新父组件

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

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

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

  return (
    <div>
      <ChildComponent data={data} updateParent={updateParent} />
    </div>
  );
}

export default ParentComponent;

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

function ChildComponent({ data, updateParent }) {
  const handleClick = () => {
    const newData = 'New Data';
    updateParent(newData);
  };

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

export default ChildComponent;