如何在React.JS中将数据从一个组件传递到另一个组件

<ReceivingComponent data={data} />

function ReceivingComponent({ data }) {
  // 使用传递过来的数据
  return <div>{data}</div>;
}

function ReceivingComponent({ data }) {
  const [modifiedData, setModifiedData] = useState(data);

  // 修改数据的函数
  const updateData = () => {
    setModifiedData('Modified Data');
  };

  return (
    <div>
      <div>{modifiedData}</div>
      <button onClick={updateData}>修改数据</button>
    </div>
  );
}