如何在 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 etc..].

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

干杯，马特

Answer 1

像这样：

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

感谢 react-day-picker 的作者。