Проблема с календарем реакции defaultStartDate

Question

Я использую реагирующий календарь. Есть два календаря: один - дата начала, другой - дата окончания. Считайте, что Дата начала показывает майский месяц, тогда я выбираю 1 июля. Я установил дату окончания, по умолчанию будет выбран месяц даты начала (дата окончания должна показывать месяц июль) Но все же он показывает только текущий месяц.

Здесь я добавил коды и ссылку на ящик. Как исправить эту проблему?

      https://codesandbox.io/s/nostalgic-murdock-q11cv?file=/src/App.js

Answer 1

Поддерживать 2 разных состояния для startDate а также endDate и и установить значение на основе соответствующего состояния.

      export default function App() {
  const [startDate, setStartDate] = useState(new Date());
  const [endDate, setEndDate] = useState(null);

  return (
    <div className="App">
      <h1> Start Date </h1>
      <Calendar onChange={(date) => setStartDate(date)} value={startDate} />
      <h1> End Date </h1>
      <Calendar onChange={(date) => setEndDate(date)} value={endDate} />
    </div>
  );
}

CODESANDBOX ДЕМО