如何更新子组件中通过props从父组件发送的数据

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

const ParentComponent = () => {
  const [data, setData] = useState('初始数据');

  const updateData = () => {
    setData('更新后的数据');
  };

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

export default ParentComponent;

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

const ChildComponent = ({ data, updateData }) => {
  return (
    <div>
      <p>{data}</p>
      <button onClick={updateData}>更新数据</button>
    </div>
  );
};

export default ChildComponent;