Uncaught TypeError: Невозможно прочитать свойство 'setLocalizer' из неопределенного

Question

import Calendar from 'react-big-calendar'
Calendar.setLocalizer(Calendar.momentLocalizer(moment))

С версией плагинов:

"moment": "^2.24.0"
"react-big-calendar": "^0.23.0"

После обновления реагирует на пакет большого календаря, я получаю эту ошибку. Я установил пакет несколько раз после обновления.

Но получаю эту ошибку "Uncaught TypeError: Cannot read property 'setLocalizer' of undefined ".

Я уже прочитал ответы, связанные с "Cannot read property 'momentLocalizer' of undefined ", но он не работает для меня. пожалуйста помоги.

Заранее спасибо

Answer 1

Это будет работать:

import { Calendar, momentLocalizer } from 'react-big-calendar'
import moment from 'moment'

const localizer = momentLocalizer(moment)

const MyCalendar = props => (
  <div>
    <Calendar
      localizer={localizer}
      events={myEventsList}
      startAccessor="start"
      endAccessor="end"
      style={{ height: 500 }}
    />
  </div>
)

Answer 2

Вам нужно сделать следующее:

import { Calendar, momentLocalizer } from 'react-big-calendar';
import moment from 'moment';

const localizer = momentLocalizer(moment);

В вашем JSX:

  <div style={{ height: '500pt'}}>
              <Calendar
                 ....
                defaultDate={moment().toDate()}
                localizer={localizer}
              />
            </div>

Надеюсь, это поможет!