Проблема
Попытка реализовать 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
})
);
});
};