如何从其他组件中读取替代者的日期？

Question

这是我的组件datePicker，它在选定的日期打印2个输入，现在我需要访问这些值（checkIndate，checkoutdate）组件，您能给我任何进展情况吗？

function Datepick() {
  const [checkInDate, setCheckInDate] = useState(null);
  const [checkOutDate, setCheckOutDate] = useState(null);

  const handleCheckInDate = (date) => {
    setCheckInDate(date);
    setCheckOutDate(null);
  };

  const handleCheckOutDate = (date) => {
    setCheckOutDate(date);
  };

  return (
    <div className="">
      <div className="flex-row">
        <div>
          <label>initial date</label>
          <DatePicker
            locale="es"
            selected={checkInDate}
            onChange={handleCheckInDate}
            dateFormat="dd/MM/yyyy"
          />

        </div>
        <div>
          <label>final date</label>
          <DatePicker
            selected={checkOutDate}
            onChange={handleCheckOutDate}
            minDate={checkInDate}
            dateFormat="dd/MM/yyyy"
          />
        </div>
      </div>
    </div>
  );
}

export default Datepick;