如何解决React Fullcalendar错误无法读取未定义的属性“ seg”
我仅在移动视图上使用react fullcalendar收到标题错误。在桌面视图中时,一切正常。代码如下:
cols = [c for c in df.columns if df[c].dtype in ['object','datetime64[ns]']]
我已经阅读了文档和GitHub页面,但不幸的是没有找到解决方案。
我已经创建了一个codeandbox来重现错误:link
解决方法
将contentHeight: 'auto'
添加到日历的配置设置中。当日历以较小尺寸(例如移动设备)呈现时,就会发生这种情况
正如 Ivan Rossouw 提到的,您需要在 FullCalendar 配置设置中将 contentHeight 更改为 auto。这是一个带有道具的示例:
render() {
return (
<div className='demo-app'>
{this.renderSidebar()}
<div className='demo-app-main'>
<FullCalendar
plugins={[dayGridPlugin,timeGridPlugin,interactionPlugin]}
headerToolbar={{
left: 'prev,next today',center: 'title',right: 'dayGridMonth,timeGridWeek,timeGridDay'
}}
initialView='dayGridMonth'
contentHeight='auto'
editable={true}
selectable={true}
selectMirror={true}
dayMaxEvents={true}
weekends={this.state.weekendsVisible}
events={this.state.currentEvents}
select={this.handleDateSelect}
eventContent={renderEventContent} // custom render function
eventClick={this.handleEventClick}
// eventsSet={this.handleEvents} // called after events are initialized/added/changed/removed
/* you can update a remote database when these fire:
eventAdd={function(){}}
eventChange={function(){}}
eventRemove={function(){}}
*/
/>
</div>
</div>
)
}
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。