如何将日期数组传递给 react-day-picker 中的 selectedDays？

Question

我有一个日历组件，它使用 react-day-picker 来显示日历：

const Calendar = ({dateItems}) => {

    const [selectedDay, setSelectedDay] = useState(null)

    function handleDayClick(day) {
        setSelectedDay(day)
    }

    return (
        <DayPicker
           initialMonth={new Date(2021, 2)}
           onDayClick={handleDayClick}
           numberOfMonths={2}
           selectedDays={[
                new Date(dateItems[0]),
                new Date(dateItems[1]),
                new Date(dateItems[2]),
                new Date(dateItems[3]),
                new Date(dateItems[4]),
                new Date(dateItems[5]),
           ]}
       />
    );
}

组件传递了“dateItems”日期数组，我希望能够呈现这个日期数组。目前，为了这个示例，我手动指定数组中的前六个条目 [0,1,2,3 等..]。

这可能吗？请问最好的方法是什么？

干杯，马特

Answer 1

像这样：

<DayPicker
    ...
    selectedDays={dateItems.map(date => new Date(date))}
/>

感谢 react-day-picker 的作者。