Uncaught TypeError: Cannot read property 'setLocalizer' of undefined

Question

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

带插件版本：

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

更新 React 大日历包后出现此错误。更新后我已经多次安装了这个包。

但是收到此错误 "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);

在你的 JSX 中：

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

希望对您有所帮助！

Answer 2

这可行：

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>
)

Uncaught TypeError: Cannot read property 'setLocalizer' of undefined

Uncaught TypeError: Cannot read property 'setLocalizer' of undefined

reactjs

react-big-calendar