Отображение нескольких дат в календаре React

Question

Я хочу отобразить несколько дат, используя календарь реакции (https://www.npmjs.com/package/react-calendar).. Проблема заключается в том, что календарь выбирает все промежуточные даты вместо каждой даты отдельно.

Например, у меня есть две даты4 июня 2019 г. и 9 июня 2019 г. В календаре должны быть выбраны только 4-е и 9-е, но также выбираются 5-е, 6-е, 7-е и 8-е. Я хочу выбрать только 4-е и 9-е июня. Я приложил примериз того, что я хочу реализовать с использованием реагирующих дат DayPickerSingleDateController. Можно ли реализовать то же самое, но с использованием реактивного календаря?

<Calendar
  value={[new Date(2019, 5, 4), new Date(2019, 5, 9)]}
/>

Первое изображение

Iожидайте, что в календаре будут отображаться только эти 2 даты, а не дни между ними.

Второе изображение

Answer 1

Это поможет:

import React, { Component } from 'react';
import Calendar from 'react-calendar';

class MyApp extends Component {
  state = {
    date: new Date(),
  }

  onChange = date => this.setState({ date })

  render() {
    return (
      <div>
        <Calendar
          onChange={this.onChange}
          value={this.state.date}
          selectRange={true}
        />
      </div>
    );
  }
}

selectRange поможет вам достичь вашей цели.Вот источник .