Ошибка консоли при рендеринге календаря Big React - PullRequest
0 голосов
/ 11 октября 2018

Я получаю это сообщение об ошибке консоли при рендеринге моего компонента BigCalendar.

Как я могу решить эту проблему?

"Uncaught Error: NoopWrapper.render (): Действительный Reactэлемент (или ноль) должен быть возвращен. Возможно, вы вернули неопределенный, массив или какой-то другой недопустимый объект. в invariant (invariant.js? 994a: 42) в ReactCompositeComponentWrapper._renderValidatedComponent (ReactCompositeComponent.js? 8c6a: 828) в ReactComponent ReactComexecuteInitialMount (ReactCompositeComponent.js? 8c6a: 359) в ReactCompositeComponentWrapper.mountComponent (ReactCompositeComponent.js? 8c6a: 255) в Object.mountComponent (ReactReconcactr.js? афконцентр-юг: 234-й квартал: 43 года)ReactDOMComponent._createInitialChildren (ReactDOMComponent.js? 9b5f: 701) в ReactDOMComponent.mountComponent (ReactDOMComponent.js? 9b5f: 520) в Object.mountComponent (ReactReconcildr.70: refeRefeChile.js)) "

Вот мой код:

import React from 'react';
import BigCalendar from 'react-big-calendar';
import moment from 'moment';
import 'react-big-calendar/lib/css/react-big-calendar.css';

const localizer = BigCalendar.momentLocalizer(moment);

const MyCalendar = () => {
    const dummyEvents = [
        {
            allDay: true,
            end: new Date('October 10, 2018 11:13:00'),
            start: new Date('October 09, 2018 11:13:00'),
            title: 'hi'
        }
    ];
    return (
        <div style={{ height: '60rem' }}>
            <BigCalendar
                events={dummyEvents}
                startAccessor="start"
                endAccessor="end"
                localizer={localizer}
            />
        </div>
    );
};

export default MyCalendar;

1 Ответ

0 голосов
/ 11 октября 2018

Было бы полезно, если бы вы могли указать, какую версию react-big-calendar вы используете.

В любом случае, я не уверен, что является причиной проблемы, но я также получил эту ошибку при использовании версии 0.20.1 из react-big-calendar.Временное исправление может заключаться в понижении версии и использовании, например, версии 0.19.2.

Дайте мне знать, если это поможет.

...