如何将日期数组传递给 react-dates 组件？

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))}
        />
    );
}

如何将日期数组传递给 react-dates 组件？

How to pass an array of dates to react-dates component?

javascript

reactjs

react-dates