在React中将值从一个父组件传递到另一个父组件

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

const ParentComponentA = () => {
  const [value, setValue] = useState('');

  const handleValueChange = (newValue) => {
    setValue(newValue);
  };

  return (
    <div>
      <ChildComponent onValueChange={handleValueChange} />
      <p>传递的值：{value}</p>
    </div>
  );
};

export default ParentComponentA;

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

const ChildComponent = ({ onValueChange }) => {
  const handleClick = () => {
    const value = '传递的值';
    onValueChange(value);
  };

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

export default ChildComponent;