如何通过onclick将数据传递给父组件react

import React, { useState } from 'react';

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

  const handleData = (childData) => {
    setData(childData);
  };

  return (
    <div>
      <ChildComponent onData={handleData} />
      <p>Data from child component: {data}</p>
    </div>
  );
}

import React from 'react';

function ChildComponent(props) {
  const handleClick = () => {
    const data = 'Hello, parent!';
    props.onData(data);
  };

  return (
    <button onClick={handleClick}>Send Data to Parent</button>
  );
}