在react中将子组件中单击的元素的值传递到父组件中的按钮

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

const ParentComponent = () => {
  const [clickedValue, setClickedValue] = useState('');

  const handleChildClick = (value) => {
    setClickedValue(value);
  };

  return (
    <div>
      <ChildComponent onClick={handleChildClick} />
      <button>{clickedValue}</button>
    </div>
  );
};

export default ParentComponent;

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

const ChildComponent = ({ onClick }) => {
  const handleClick = (value) => {
    onClick(value);
  };

  return (
    <div>
      <button onClick={() => handleClick('Button Clicked!')}>Click Me</button>
    </div>
  );
};

export default ChildComponent;