4

渲染我的 BigCalendar 组件时，我不断收到此控制台错误消息。

我该如何解决这个问题？

“未捕获的错误：NoopWrapper.render()：必须返回有效的 React 元素（或 null）。您可能返回了未定义的数组或其他一些无效对象。在 ReactCompositeComponentWrapper 的不变量（invariant.js?994a:42）。 _renderValidatedComponent (ReactCompositeComponent.js?8c6a:828) 在 ReactCompositeComponentWrapper.performInitialMount (ReactCompositeComponent.js?8c6a:359) 在 ReactCompositeComponentWrapper.mountComponent (ReactCompositeComponent.js?8c6a:255) 在 Object.mountComponent (ReactReconciler.js?af94:43) 在ReactDOMComponent.mountChildren (ReactMultiChild.js?0c7d:234) 在 ReactDOMComponent._createInitialChildren (ReactDOMComponent.js?9b5f:701) 在 ReactDOMComponent.mountComponent (ReactDOMComponent.js?9b5f:520) 在 Object.mountComponent (ReactReconciler.js?af94:43) 在 Object.updateChildren (ReactChildReconciler.js?f170:119)"

这是我的代码：

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;
4

1 回答 1

2

如果您可以指定react-big-calendar您正在使用的版本，将会很有用。

无论如何，我不确定是什么导致了问题，但是我在使用0.20.1. react-big-calendar临时修复可能是降级并使用例如 version 0.19.2。

让我知道这是否有帮助。

于 2018-10-11T20:21:54.143 回答