React-TypeScript-DatePicker выделяет даты из REST API - PullRequest
Новая
       47

React-TypeScript-DatePicker выделяет даты из REST API

0 голосов
/ 11 апреля 2020

Я хочу выделить даты, которые я получаю от REST API.

Когда я называю это: fetch(`${apiUrl}/api/tickets/dates`)

Я могу получить ответ: 

["2020-07-11T00:00:00", "2020-05-19T00:00:00", "2020-07-16T00:00:00", "2020-09-20T00:00:00",…]
0: "2020-07-11T00:00:00"
1: "2020-05-19T00:00:00"
2: "2020-07-16T00:00:00"
3: "2020-09-20T00:00:00"
4: "2020-05-30T00:00:00

Теперь я застрял с тем, как передать даты в массив и использовать их со свойством datepicker highlightDates.

Я пробовал разные подходы, но не могу найти решение.

Это мой код прямо сейчас: 

state = {
        startDate: new Date(),
        dates: []
      };

public componentDidMount() {
    fetch(`${apiUrl}/api/tickets/dates`).then(results => results.json())
    .then(json => {
        this.setState({
            dates: json
        })
    });
    console.log(this.state.dates)
}    

<DatePicker  
       locale="et" 
       selected={this.state.startDate} 
       onChange={this.handleChange} 
       highlightDates={[new Date(this.state.dates[0])]}
       inline/>

В DatePicker я бы хотел передать весь массив дат.

Спасибо за любые указатели!

1 Ответ

0 голосов
/ 21 апреля 2020

Вы можете сделать это с помощью оператора спреда: 

<DatePicker  
       locale="et" 
       selected={this.state.startDate} 
       onChange={this.handleChange} 
       highlightDates={[...this.state.dates]}
       inline/>
...