Fullcalendar 完整日历-无法刷新react中的事件

Fullcalendar 完整日历-无法刷新react中的事件,fullcalendar,Fullcalendar,我在React项目中使用完整的日历。虽然我对状态进行了更新,但无法刷新日历 以下是我的示例代码: 在这个示例中,当用户单击ChangeTitle按钮时,我更改了事件的标题,但没有任何更改。我有什么错过的吗 谢谢你的帮助 从“React”导入React; 从“@FullCalendar/react”导入FullCalendar; 从“@fullcalendar/daygrid”导入dayGridPlugin; 从“@fullcalendar/timegrid”导入timeGridPlugin;

我在React项目中使用完整的日历。虽然我对状态进行了更新,但无法刷新日历

以下是我的示例代码:

在这个示例中,当用户单击ChangeTitle按钮时,我更改了事件的标题,但没有任何更改。我有什么错过的吗

谢谢你的帮助

从“React”导入React;
从“@FullCalendar/react”导入FullCalendar;
从“@fullcalendar/daygrid”导入dayGridPlugin;
从“@fullcalendar/timegrid”导入timeGridPlugin;
从“@fullcalendar/interaction”导入interactionPlugin;
导入“/styles.css”;
导入“@fullcalendar/core/main.css”;
导入“@fullcalendar/daygrid/main.css”;
导入“@fullcalendar/timegrid/main.css”;
导出默认类DemoApp扩展React.Component{
calendarComponentRef=React.createRef();
状态={
日历周末:是的,
日历事件:[
//初始事件数据
{title:“事件1”,开始:new Date()},
{title:“事件2”,开始:new Date()},
{标题:“事件3”,开始:新日期()}
]
};
render(){
返回(
改名
);
}
changeTitle=()=>{
让events=[…this.state.calendarEvents];
事件[0]。标题=新日期().toTimeString();
事件[1]。标题=新日期().toTimeString();
this.setState({calendarEvents:events});
};

}
Full calendar使用深度相等检查来测试更改,并且由于数组中的事件对象没有更改(通过引用它是同一个对象),因此它不会检测到更改。您需要创建一个新的事件对象来更新它

let events = [ ...this.state.calendarEvents];

    events[0] = {
      title: new Date().toTimeString(),
      start: events[0] .start
    }
    events[1] = {
      title: new Date().toTimeString(),
      start: events[1].start
    }

    this.setState({ calendarEvents: events});

请在问题中包含示例代码,而不是作为链接。包含重现错误所需的最少代码。另外,包括你得到的结果。当您尝试刷新日历时会发生什么情况?对此不便,我深表歉意。我更新了描述。谢谢