如何将道具从子组件传递到父组件中的map()？

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

const ParentComponent = () => {
  const [propsFromChild, setPropsFromChild] = useState([]);

  const handlePropsFromChild = (props) => {
    setPropsFromChild([...propsFromChild, props]);
  };

  return (
    <div>
      {propsFromChild.map((props, index) => (
        <p key={index}>{props}</p>
      ))}
      <ChildComponent onPropsFromChild={handlePropsFromChild} />
    </div>
  );
};

export default ParentComponent;

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

const ChildComponent = ({ onPropsFromChild }) => {
  const propsToParent = '道具内容';

  const handleClick = () => {
    onPropsFromChild(propsToParent);
  };

  return (
    <button onClick={handleClick}>传递道具给父组件</button>
  );
};

export default ChildComponent;