我在 ReactJs 组件上使用 jQuery fullcalendar。

我有一个 <div id="calendar"></div>关于渲染方法

在 componentDidUpdate 上，我使用以下代码更新了日历：

$('#calendar').fullCalendar({
header: {
    left: 'prev,next today',
    center: 'title',
    right: 'month,agendaWeek,agendaDay'
},

events: _this.state.events,
defaultView:'month',
displayEventTime: false,
editable: false,
droppable: false,
durationEditable: false
});

它在标题上显示“未定义”字符。我哪里做错了？以及如何调试未定义字符串的来源？

目前，我制作了一个黑客解决方案，通过添加以下内容从标题中删除所有未定义的字符串：

viewRender: function(view, element) {
//note: this is a hack, i don't know why the view title keep showing "undefined" text in it.
//probably bugs in jquery fullcalendar
$('.fc-center')[0].children[0].innerText = view.title.replace(new RegExp("undefined", 'g'), ""); ;

},

有没有更好的解决方案？

我正在使用 jquery FullCalendar v2.9.1

具有以下有关事件的示例数据：

[{"start":"2017-03-24T00:00:00.000Z","end":"2017-03-26T00:00:00.000Z","title":"Open house","description":"Bali 1 open house"}]

注意：我最终放弃了 jquery 完整日历，转而使用 react-big-calendar。