如何将一组日期传递给react-dates组件?

时间:2017-08-01 10:28:46

标签: javascript reactjs airbnb react-dates

我正在使用DayPickerSingleDateController组件。我在州内的数组中保留了一组待突出显示的日期。我在文档中没有发现如何将该数组作为道具传递给组件(如果可能的话)。

我希望有类似的东西:

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

如何实现此功能?

1 个答案:

答案 0 :(得分:3)

好的,我从故事中找到了它(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))}
        />
    );
}