react-big-calendar月度按钮单击不会显示所有数据（在不同的浏览器中有所不同）

Question

我已经在main.css文件中添加了所有的CSS类。 但是，当我想查看月份视图时，它没有显示数据吗？ 尽管在firefox浏览器中，它会显示日期名称（sat，sun，mon等）。 Chrome浏览器不显示任何内容。

//start of file...
import React, { Component } from 'react';

import { Meteor } from 'meteor/meteor';
import BigCalendar from 'react-big-calendar';
import moment from 'moment';
import events from './events.js';

BigCalendar.momentLocalizer(moment); // or globalizeLocalizer


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

export default class CalendarComponent extends Component{
    constructor(props){
        super(props);

        this.state = {
            count: 0,
        }
    }

    componentDidMount(){
        // initiate something
    }




    render(){
        console.log("printing props..." + this.props._id);
        console.log(this.props);
        console.log("Calendar Componenet being rendered");
        // console.log(CouponCollection.find().fetch() + "\n Fetched Data!!");
        return(
            <div>
                    <BigCalendar
                        events={events}
                        views={allViews}

                    />
            </div>

        )
    }
}
// events={events}
//views={allViews}
//defaultDate={new Date(2015, 3, 1)}

//end of file

铬： mozilla：

Answer 1

尝试给父容器一些height和width ：

render(){
    return(
        <div style={{ height: 400, width: 400 }}>
                <BigCalendar
                    events={events}
                    views={allViews}

                />
        </div>

    )
}

Calendar会根据父容器的尺寸展开。

Answer 2

这对我有用

<BigCalendar
...
style={{ height: '80vh' }}
...