如何将数据从一个子组件传递到另一个同级组件？

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

const ParentComponent = () => {
  const [data, setData] = useState('');

  const updateData = (newData) => {
    setData(newData);
  };

  return (
    <div>
      <ChildComponent1 data={data} />
      <ChildComponent2 updateData={updateData} />
    </div>
  );
};

export default ParentComponent;

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

const ChildComponent1 = (props) => {
  return (
    <div>
      <p>Data from ChildComponent2: {props.data}</p>
    </div>
  );
};

export default ChildComponent1;

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

const ChildComponent2 = (props) => {
  const handleClick = () => {
    props.updateData('New data from ChildComponent2');
  };

  return (
    <div>
      <button onClick={handleClick}>Update Data</button>
    </div>
  );
};

export default ChildComponent2;