Question

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

我该如何解决？

“未捕获的错误：NoopWrapper.render（）：有效的React元素（或null）必须退货。您可能返回了undefined，数组或某些其他无效对象。在不变（invariant.js？994a：42）在ReactCompositeComponentWrapper._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;

Answer 1

如果您可以指定使用的y版本，将很有用。

无论如何，我不确定导致问题的原因，但是在使用react-big-calendar的{{1}}版本时，我也收到此错误。临时解决方法可能是降级并使用例如版本0.20.1。

让我知道是否有帮助。

呈现Big React日历时出现控制台错误

1 个答案: