react-big-calendar: невозможно прочитать свойство 0 из undefined

Проблема

Попытка реализовать response-calendar, а также кнопки назад и вперед (для изменения дат) выбрасывая эту ошибку:

Uncaught TypeError: невозможно прочитать свойство 0 из undefined

Раньше это БЫЛО работало, и я ничего не менял в своем коде, поэтому я очень запутался.

Вопрос

Почему я не могу использовать кнопки «Далее» и «Назад» (для изменения даты) в react-big-calendar?

Код:

import React, {Component} from 'react';
import BigCalendar from 'react-big-calendar';
import moment from 'moment';

// Setup the localizer by providing the moment (or globalize) Object
// to the correct localizer.
BigCalendar.momentLocalizer(moment); // or globalizeLocalizer

export default class CalendarComponent extends Component {

    constructor(props){
        super(props);

        this.state = {
            events: []
        }

    }

    render(){
        return (
            <div style={{flex: 1}}>
                <BigCalendar
                    events={this.state.events}
                    startAccessor='startDate'
                    endAccessor='endDate'
                />
            </div>
        );
    }
}

Строка ошибки библиотеки:

Кажется, что эта строка в библиотеке не работает:

MonthView.prototype.renderHeaders = function renderHeaders(row, format, culture) {
    //failes here.
    var first = row[0];
    var last = row[row.length - 1];
    var HeaderComponent = this.props.components.header || _Header2.default;

    return _dates2.default.range(first, last, 'day').map(function (day, idx) {
      return _react2.default.createElement(
        'div',
        { key: 'header_' + idx, className: 'rbc-header' },
        _react2.default.createElement(HeaderComponent, {
          date: day,
          label: _localizer2.default.format(day, format, culture),
          localizer: _localizer2.default,
          format: format,
          culture: culture
        })
      );
    });
  };

person kemicofa ghost    schedule 07.05.2018    source источник


Ответы (1)


Применение свойства defaultDate решило эту проблему.

        <div style={{flex: 1}}>
            <BigCalendar
                events={this.state.events}
                startAccessor='startDate'
                endAccessor='endDate'
                defaultDate={moment().toDate()}
            />
        </div>

https://github.com/intljusticemission/react-big-calendar/issues/834

person kemicofa ghost    schedule 07.05.2018