如何更改useState儿童的数据？

import React, { useState } from 'react';

function ChildComponent() {
  const [data, setData] = useState('初始值');

  const handleChangeData = () => {
    setData('新的值');
  };

  return (
    <div>
      <p>数据：{data}</p>
      <button onClick={handleChangeData}>更改数据</button>
    </div>
  );
}

export default ChildComponent;