Показать выделенные даты в реакции Datepicker

Question

Я использую Date DatePicker в моем компоненте реагирования. Я должен показать даты, выделенные из API. Я получаю массив дат из API, как показано ниже:

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

Я отображаю вышеуказанный массив и использую функцию subDays внутри функции карты, чтобы создать массив дат и передать его в свойство highlightDates внутри datepicker. Но это дает мне subDays не определена ошибка.

Может ли кто-нибудь сказать мне, как я могу выделить даты, поступающие от 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 isмой новый массив и я передал его в свойство highlightDates