0

我是使用 react-big-calendar 的新手，对反应有些陌生。尝试简单地将默认日历导入使用 react app cli 创建的基本应用程序中。也就是说，我的基本 index.js 看起来像：

import React from 'react';
import ReactDOM from 'react-dom';
import './index.css';
import App from './App';
import registerServiceWorker from './registerServiceWorker';
import BigCalendar from 'react-big-calendar';
import moment from 'moment';

BigCalendar.momentLocalizer(moment);

const MyCalendar = props => (
    <div>
      <BigCalendar
        events={myEventsList}
        startAccessor='startDate'
        endAccessor='endDate'
      />
    </div>
  );

registerServiceWorker();

我有一个event.js如示例所示的，但我认为我没有以某种方式获得事件道具。搜索后，仅尝试在我的应用程序中使用默认日历，我找不到我可能做错了什么。我可以克隆日历并以这种方式运行，但这不在我的应用程序中。查看文档并将他们的示例所做的与我尝试做的进行比较是行不通的。

当我使用 运行我的应用程序时npm start，我得到：

在此处输入图像描述

我希望这里有人能指出我正确的方向。

4

1 回答 1

0

我不明白你从哪里得到的 events={myEventsList} ？

event.js 中没有导入的 myEventsList

您应该从您在应用程序中创建它的任何位置导入 myEventList 并将其导出，以便您可以在其他组件中使用它。

于 2018-03-23T16:28:19.023 回答