javascript - 为什么我在 React 中的 fullcalendar-scheduler 实现中没有定义时刻?

标签 javascript reactjs fullcalendar momentjs

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

这是我的代码:

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

还有我的 react 类:

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 :时刻未定义

我在this thread中看到我应该在 fullcalendar 之前添加时刻,我正在这样做。

有什么想法吗?

最佳答案

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

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

关于javascript - 为什么我在 React 中的 fullcalendar-scheduler 实现中没有定义时刻?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34796080/

相关文章:

javascript - Ajax 数据的全日历日背景颜色

javascript - 2 个验证器只有 1 个抛出可捕获的 isvalid 错误

javascript - React/Redux 应用程序中 js Promise 中 Uncaught Error

reactjs - react 测试库与 userEvent.click 错误行为()警告

mysql - 如何在没有 URL 的情况下使用 JSON 编码数组?

jquery - 在单击 prev 按钮时使用 django View 更新 jquery fullcalendar 中的事件

javascript - 如何使用名称的一部分获取javascript对象属性

javascript - Reducer 返回对象而不是数组

javascript - 如何在不强制更新的情况下让 react 组件重新渲染?

javascript - 在 FullCalendar 中传递动态数据时出错