我正在尝试使用click函数将一个值从一个组件传递到另一个组件

import React, { useState } from 'react';

function SenderComponent() {
  const [value, setValue] = useState('');

  const handleClick = () => {
    // 在点击事件中，通过调用setValue函数来更新value的值
    setValue('要传递的值');
  };

  return (
    <div>
      <button onClick={handleClick}>点击传递值</button>
    </div>
  );
}

export default SenderComponent;

import React from 'react';

function ReceiverComponent(props) {
  return (
    <div>
      <p>接收到的值：{props.value}</p>
    </div>
  );
}

export default ReceiverComponent;

import React from 'react';
import SenderComponent from './SenderComponent';
import ReceiverComponent from './ReceiverComponent';

function ParentComponent() {
  return (
    <div>
      <SenderComponent />
      <ReceiverComponent value={/* 传递的值 */} />
    </div>
  );
}

export default ParentComponent;