如何将日期数组传递给反应日期组件?

Question

我正在使用 DayPickerSingleDateController 组件。我在状态的数组中保留一组要突出显示的日期。我在文档中找不到清楚如何将该数组作为道具传递给组件(如果可能的话(。

我期望像这样的东西：

<DayPickerSingleDateController highlightedDates={this.state.highlightedDates} />

如何实现此功能？

Answer 1

好的，我从故事中想通了(https://github.com/airbnb/react-dates/tree/master/stories(

import isSameDay from 'react-dates/lib/utils/isSameDay';
...
render() {
...
let datesList = this.state.highlightedDates.map(date => {
return moment(date);
});
...
return (
<DayPickerSingleDateController
isDayHighlighted={day1 => datesList.some(day2 => isSameDay(day1, day2))}
/>
);
}