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

Question

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

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的作者。