我在基本的 react-big-calendar 中看不到月视图答案

【问题标题】：I can't see month view in basic react-big-calendar我在基本的 react-big-calendar 中看不到月视图
【发布时间】：2017-06-14 07:50:34
【问题描述】：

您好，我看不到月视图，即使它显示在 react-dev 工具中。周视图工作正常，但月视图不显示任何内容。 PFA 下面的代码。

这是周视图。

这是月视图。

import localizer from 'react-big-calendar/lib/localizers/globalize';
import globalize from 'globalize';
import BigCalendar from 'react-big-calendar';
import events from './events';
import 'react-big-calendar/lib/css/react-big-calendar.css';
import './prism.less';

localizer(globalize);

const allViews = Object.keys(BigCalendar.views).map(k => 
BigCalendar.views[k])

export class EventDetailModal extends React.Component { // eslint-
disable-line react/prefer-stateless-function

render() {
return (
<BigCalendar
{...this.props}
events={events}
views={allViews}
defaultDate={new Date(2015, 3, 1)}
/>
);
}
}

export default EventDetailModal;

【问题讨论】：

标签： reactjs react-redux react-boilerplate react-big-calendar

【解决方案1】：

需要根据文档为日历提供明确的高度。例如。

.rbc-month-view {
      height: 100vh;
}

或

.rbc-calendar {
    min-height: 580px;
}

【讨论】：

【解决方案2】：

您是否在父容器上设置了高度值？从他们的文档中：

它使用现代的 flexbox 进行布局，使其具有超强的响应性和高性能。将大部分布局繁重的工作留给浏览器。注意：默认样式使用 height: 100%，这意味着您的容器必须设置明确的高度（请随意调整样式以满足您的特定需求）。

(Source)

【讨论】：

【解决方案3】：

将此属性添加到您的全局 css，它应该可以工作

    .rbc-month-view {
      height: 100vh;
    }

【讨论】：

【解决方案4】：

你必须为父组件设置宽度。

【讨论】：