如何为react-datepicker将UTC日期转换为"MM/DD/YYYY“？

// 获取当前的UTC日期
const utcDate = new Date();

// 将UTC日期转换为本地日期
const localDate = new Date(utcDate.getTime() + utcDate.getTimezoneOffset() * 60000);

// 获取本地日期的年、月、日
const year = localDate.getFullYear();
const month = localDate.getMonth() + 1; // 月份从0开始，需要加1
const day = localDate.getDate();

// 格式化为"MM/DD/YYYY"格式
const formattedDate = `${month.toString().padStart(2, '0')}/${day.toString().padStart(2, '0')}/${year}`;

console.log(formattedDate);

import React, { useState } from 'react';
import DatePicker from 'react-datepicker';
import 'react-datepicker/dist/react-datepicker.css';

const MyDatePicker = () => {
  const [selectedDate, setSelectedDate] = useState(null);

  const handleDateChange = (date) => {
    // 将UTC日期转换为"MM/DD/YYYY"格式
    const utcDate = new Date(date);
    const localDate = new Date(utcDate.getTime() + utcDate.getTimezoneOffset() * 60000);
    const year = localDate.getFullYear();
    const month = localDate.getMonth() + 1;
    const day = localDate.getDate();
    const formattedDate = `${month.toString().padStart(2, '0')}/${day.toString().padStart(2, '0')}/${year}`;

    console.log(formattedDate);

    setSelectedDate(date);
  };

  return (
    <DatePicker
      selected={selectedDate}
      onChange={handleDateChange}
      dateFormat="MM/dd/yyyy"
    />
  );
};

export default MyDatePicker;