react-dates 無法在新的 DayPicker 讀取 null 的屬性“克隆”

Question

我有以下代碼

const [focusedInput, setFocusedInput] = useState('startDate');
const onFocusChange = fInput => {
  setFocusedInput(!fInput ? 'startDate' : fInput);
};

<DayPickerRangeController
  key={dateRange.startDate}
  startDate={dateRange.startDate}
  endDate={dateRange.endDate}
  onDatesChange={onDatesChange}
  onFocusChange={onFocusChange}
  focusedInput={focusedInput}
  numberOfMonths={2}
  isOutsideRange={day => moment().diff(day) < 0}
  initialVisibleMonth={() => dateRange.startDate}
/>

導致問題的initialVisibleMonth

無法在新的 DayPicker 讀取 null 的屬性“克隆”

我嘗試了很多谷歌搜索，但沒有找到任何解決方案。 我正在嘗試將日歷移動到第一個月..就像我在 2020 年 12 月和今年有人 select 一樣，它應該將日歷顯示到 2020 年 1 月，今年的選擇很好，我看到在日歷中選擇了全年只是月份沒有轉移到 jan 以便它可以看到

任何想法

謝謝

Answer 1

您已將 function 傳遞給initialVisibleMonth道具，而不是值。 dateRange.startDate似乎不是 function，但您使用它就像 function 一樣。

改變

initialVisibleMonth={() => dateRange.startDate}

至

initialVisibleMonth={dateRange.startDate}