javascript - 在反应日期选择器中显示突出显示的日期

Question

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

 ["2019-01-03T18:30:00.000Z","2019-01-03T18:30:00.000Z"]

我在数组上方进行映射，并使用subDaysmap 函数中的函数来创建日期数组并将其传递给highlightDatesdatepicker 中的属性。但它给了我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 属性