如何将所选日期(值)从react日历传递到另一个组件？

import React, { useState } from 'react';

function ParentComponent() {
  const [selectedDate, setSelectedDate] = useState(null);

  // 处理日期选择事件
  const handleDateSelect = (date) => {
    setSelectedDate(date);
  };

  return (
    <div>
      <Calendar onDateSelect={handleDateSelect} />
      <ChildComponent selectedDate={selectedDate} />
    </div>
  );
}

function Calendar({ onDateSelect }) {
  // 处理日期选择事件
  const handleDateSelect = (date) => {
    onDateSelect(date);
  };

  // 日历组件的其他逻辑和渲染

  return (
    // 日历组件的JSX代码
  );
}

function ChildComponent({ selectedDate }) {
  // 使用所选日期进行其他逻辑和渲染

  return (
    // 子组件的JSX代码
  );
}