创建新事件时更新react大日历组件

我使用的是react big日历，当用户在日历上拖动鼠标以根据创建事件演示选择日期/时间范围时，我希望用户能够创建新事件。

但是，我编写的代码不会在成功创建事件时重新呈现组件。用户可以创建一个新的事件，如果用户选择另一个视图(例如议程(，它就会显示出来，然后会出现在所有视图中。但是，根据演示，它不会立即显示在当前视图中。

我确信答案在于useEffect；但我在兜圈子想办法弄清楚。

import React, { useState  } from 'react';
import './App.css';
import 'react-big-calendar/lib/css/react-big-calendar.css';
import { Calendar, momentLocalizer } from 'react-big-calendar'
import moment from 'moment'
function MyCalendar() {
const localizer = momentLocalizer(moment)
const [eventsList, setEventsList] = useState([]);
function handleSelect ({ start, end }) {
const title = window.prompt('New Event name')
if (title) {
var newEvent = {
start: start,
end: end,
title: title 
}
let updateEventsList = eventsList;
updateEventsList.push(newEvent);
setEventsList(updateEventsList);
}
};
return (
<div>
<Calendar
selectable
defaultView="week"
defaultDate={new Date()}
localizer={localizer}
events={eventsList}
startAccessor="start"
endAccessor="end"
style={{ height: 500 }}
onSelectSlot={handleSelect}
/>
</div>
)
}
function App() {
return (
<div>
<MyCalendar />
</div>
);
}
export default App;