如何在React for incremental onClick中将道具从子对象传递到父对象？

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

function ParentComponent() {
  const [propFromChild, setPropFromChild] = useState('');

  const handlePropChange = (prop) => {
    setPropFromChild(prop);
  };

  return (
    <div>
      <ChildComponent onPropChange={handlePropChange} />
      <p>Prop from child: {propFromChild}</p>
    </div>
  );
}

export default ParentComponent;

import React from 'react';

function ChildComponent({ onPropChange }) {
  const handleClick = () => {
    const prop = 'This is the prop from child';
    onPropChange(prop);
  };

  return (
    <button onClick={handleClick}>Click me</button>
  );
}

export default ChildComponent;