反应大日历错误设置

时间:2016-10-17 19:33:17

标签: reactjs

我正在使用这行代码

import React from 'react';
import ReactDOM from 'react-dom';

import BigCalendar from 'react-big-calendar';
import moment from 'moment';

// Setup the localizer by providing the moment (or globalize) Object
// to the correct localizer.
BigCalendar.momentLocalizer(moment); // or globalizeLocalizer



export default class Calendar extends React.Component {
    constructor(props, context) {
      super(props, context);
    }
  render() {
    return (
     <div>
         <BigCalendar
            events={[]}
        />
        </div>
    );
  }
}

但是我得到了这个错误控制台

警告:propType失败:timeslots中未指定必需的道具Calendar。检查Uncontrolled(Calendar)的呈现方法。

我在日历上没有任何风格...... 我错过了什么?

提前致谢。 卡洛斯·维埃拉

1 个答案:

答案 0 :(得分:0)

我需要定义时隙

<BigCalendar
timeslots={4}
events={[]}/>

并包含样式

import BigCalendarCSS from 'react-big-calendar/lib/css/react-big-calendar.css';