DatePicker显示错误的月份值

// 检查当前时区
console.log(Intl.DateTimeFormat().resolvedOptions().timeZone);

// 设置时区（示例）
const timeZone = 'Asia/Shanghai';
console.log(new Date().toLocaleString('en-US', { timeZone }));

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

function App() {
  const [startDate, setStartDate] = useState(new Date());

  return (
    <DatePicker selected={startDate} onChange={(date) => setStartDate(date)} />
  );
}

export default App;

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

function App() {
  const [startDate, setStartDate] = useState(new Date());

  const handleChange = (date) => {
    setStartDate(date);
  };

  return (
    <div>
      <DatePicker selected={startDate} onChange={handleChange} />
      <p>Selected Date: {startDate.toLocaleDateString()}</p>
    </div>
  );
}

export default App;

npm update react-datepicker