reactjs - 我在基本的 react 大日历中看不到月 View

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

嗨,即使在 react 开发工具中显示,我也看不到月 View 。周 View 工作正常,但月 View 不显示任何内容。 PFA 下面的代码。

Here is the week view image.

week view works fine

Here is the month view image.

Month view doesn't displays in DOM

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;

最佳答案

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

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

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

关于reactjs - 我在基本的 react 大日历中看不到月 View ,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44538668/

相关文章:

javascript - 我如何在 Jest 中测试 axios?

javascript - react-redux react-router 商店在 Prop 中不可用

ReactJS:如何使用 Formik 处理图像/文件上传?

reactjs - 使用 Enzyme 测试按钮 onClick 处理程序时出现问题

javascript - 终极版 : form input fields stay blank

javascript - 如何在使用 React 进行身份验证后重定向到不同的页面

reactjs - 在 React Router (v4) 的 Route 组件中使用渲染时如何传递匹配

javascript - 删除 URL 参数 JS ES6

reactjs - 如何将react-hooks、redux和typescript结合在一起?

reactjs - 刷新 react 应用程序,404 错误。 react 路由器问题