在我的自定义反应应用程序中使用react-big-calendar

Question

我不熟悉使用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运行我的应用时，我得到：

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

非常感谢。

Answer 1

我不会＆＃39;看看你在哪里 events={myEventsList} 从？

您的event.js

中没有导入的myEventsList

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