如何使用react FullCalendar每天悬停每个单元格？

npm install @fullcalendar/react @fullcalendar/daygrid

import React from 'react';
import FullCalendar from '@fullcalendar/react';
import dayGridPlugin from '@fullcalendar/daygrid';

class MyCalendar extends React.Component {
  render() {
    return (
      <FullCalendar
        plugins={[dayGridPlugin]}
        initialView="dayGridMonth"
        events={[
          // 在这里添加你的事件数据
        ]}
        eventMouseEnter={this.handleEventMouseEnter}
        eventMouseLeave={this.handleEventMouseLeave}
      />
    );
  }

  handleEventMouseEnter = (info) => {
    // 当鼠标进入事件时触发的处理函数
    // 在这里可以实现每天悬停每个单元格的逻辑
  }

  handleEventMouseLeave = (info) => {
    // 当鼠标离开事件时触发的处理函数
    // 在这里可以实现每天悬停每个单元格的逻辑
  }
}

handleEventMouseEnter = (info) => {
  const date = info.event.start;
  // 根据日期更新UI
}

handleEventMouseLeave = (info) => {
  // 清除UI的更新
}