为什么在React中的fullcalendar-scheduler实现中未定义时刻?

时间:2016-01-14 17:34:13

标签: javascript reactjs fullcalendar momentjs

当我只实现fullcalendar时没有问题,但是当我尝试实现fullcalendar-scheduler时,我遇到了一些错误。

这是我的代码:

var $ = require('jquery');
require('moment');
require('fullcalendar');
require('fullcalendar-scheduler');

我的反应课:

var Calendar = React.createClass({

    componentDidMount: function () {

        var resources = this.props.venues;

        $('#calendar').fullCalendar({
            defaultView: 'agendaWeek',
            events: [

            ],
            resources: resources
        });
    },

    render: function () {
        return (
            <div id='calendar'></div>
        );
    }
});

只需注释掉require('fullcalendar-scheduler')行即可运行我的代码,并弹出日历。但包括它给了我这个错误:

Uncaught ReferenceError: moment is not defined

我在this thread中看到我应该在fullcalendar之前包括一下,我正在做。

有什么想法吗?

1 个答案:

答案 0 :(得分:1)

ReactJS不支持全局变量,这是这个日历似乎需要的。您可以使用Flux或Redux,它们可以添加这些东西。

另一个选项是将moment.js导入到文档的头部,该文档将附加一个全局变量。