在react Datepicker中显示突出显示的日期

Question

我在我的react组件中使用反应日期选择器。我必须显示来自api的突出显示的日期。我从如下所示的api获取日期数组：

  

[[“ 2019-01-03T18：30：00.000Z”，“ 2019-01-03T18：30：00.000Z”]

我正在数组上方进行映射，并在map函数中使用subDays函数来创建日期数组，并将其传递给datepicker中的highlightDates属性。但这给了我 subDays未定义错误。

任何人都可以告诉我，如何在react datepicker中突出显示来自api的日期？

Answer 1

只需创建一个来自api的新日期数组，然后将该数组传递给highlighDates数组，如下所示：

<DatePicker
    className="form-control"
    selected={this.state.dateFilter}
    onChange={this.handleDateFilterChange}
    dateFormat="dd-MMMM-yyyy"
    highlightDates={this.state.highlightWithRanges}
/>

this.state.highlighWithRanges 是我的新数组，我将其传递给 highlightDates属性