如何使用react在全日历中添加事件？

import React, { useState } from 'react';
import { Calendar, momentLocalizer } from 'react-big-calendar';
import moment from 'moment';
import 'react-big-calendar/lib/css/react-big-calendar.css';

const localizer = momentLocalizer(moment);

const MyCalendar = () => {
  const [events, setEvents] = useState([]);

  const handleAddEvent = () => {
    // 获取表单中的事件数据，并创建一个新的事件对象
    const newEvent = {
      title: 'New Event',
      start: new Date(),
      end: new Date(),
    };

    // 将新的事件对象添加到事件数组中
    setEvents([...events, newEvent]);
  };

  return (
    <div>
      <Calendar
        localizer={localizer}
        events={events}
        startAccessor="start"
        endAccessor="end"
        style={{ height: 500 }}
      />
      <button onClick={handleAddEvent}>添加事件</button>
    </div>
  );
};

export default MyCalendar;