如何在react中获取完整日历中的所有事件

import React, { useEffect, useRef } from 'react';
import FullCalendar from '@fullcalendar/react';
import dayGridPlugin from '@fullcalendar/daygrid';

const Calendar = () => {
  const calendarRef = useRef(null);

  useEffect(() => {
    // 模拟从后端获取事件数据
    const eventData = [
      { title: 'Event 1', start: '2022-01-01' },
      { title: 'Event 2', start: '2022-01-05' },
      { title: 'Event 3', start: '2022-01-10' },
    ];

    // 初始化和配置FullCalendar
    const calendarApi = calendarRef.current.getApi();
    calendarApi.addEventSource(eventData);
  }, []);

  const handleEventClick = (eventInfo) => {
    // 处理事件点击
    console.log('Clicked event:', eventInfo.event);
  };

  return (
    <FullCalendar
      ref={calendarRef}
      plugins={[dayGridPlugin]}
      initialView="dayGridMonth"
      events={[]}
      eventClick={handleEventClick}
    />
  );
};

export default Calendar;