Невозможно прочитать свойство momentLocalizer из undefined - React Big Calendar

Question

В моем проекте я пытаюсь инициализировать реакцию-большой-календарь, но он говорит, что его не существует.

Uncaught TypeError: Cannot read property 'momentLocalizer' of undefined

версии моего пакета: "реаги-дом": "16.2.0", "Reaction-Big-Calendar": "^ 0.20.1", "moment": "^ 2.22.2",

Кто-нибудь есть какие-либо решения этих проблем?

Я знаючто была такая проблема, но она касалась более старой версии, которая не требовала локализатора.

import * as React from 'react';
import BigCalendar from 'react-big-calendar';
import * as moment from 'moment';


class CalendarContainer extends React.Component {
    constructor(props: any) {
        super(props);
    }

    render() {
        const localizer = BigCalendar.momentLocalizer(moment);
        return (
            <>
                <BigCalendar localizer={localizer} events={events} />
            </>
        );
    }
}

export default CalendarContainer;

Answer 1

Вы можете попробовать ниже код ...

BigCalendar.setLocalizer(BigCalendar.momentLocalizer(moment));

Answer 2

У меня была такая же проблема:

import moment from 'moment';
import { Calendar, momentLocalizer } from 'react-big-calendar';
import 'react-big-calendar/lib/css/react-big-calendar.css';
const localizer = momentLocalizer(moment);

class CalendarContainer extends React.Component {
    constructor(props: any) {
        super(props);
    }

    render() {
        return (
            <>
                <Calendar localizer={localizer} events={events} />
            </>
        );
    }
}

export default CalendarContainer;

Answer 3

Вы можете попробовать вытащить свой локализатор из рендера.

import * as React from 'react';
import BigCalendar from 'react-big-calendar';
import * as moment from 'moment';

const localizer = BigCalendar.momentLocalizer(moment);

class CalendarContainer extends React.Component {
    constructor(props: any) {
        super(props);
    }

    render() {
        return (
            <>
                <BigCalendar localizer={localizer} events={events} />
            </>
        );
    }
}

export default CalendarContainer;