fullcalendar react

fullcalendar-react是一个用于在React应用中集成FullCalendar库的React组件库。它提供了一个简单而灵活的方式来创建交互式的日历视图。

要使用fullcalendar-react，首先需要安装相关的npm包。可以通过以下命令进行安装：

npm install --save @fullcalendar/react @fullcalendar/daygrid

然后，在你的React组件中导入所需的模块，并使用fullcalendar-react组件来创建日历：

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

const Calendar = () => {
  return (
    <FullCalendar plugins={[dayGridPlugin]} initialView="dayGridMonth" />
  );
};

export default Calendar;

在上述示例中，我们导入了FullCalendar组件和dayGridPlugin插件，然后在Calendar组件中使用了FullCalendar组件。通过设置`plugins`属性为一个包含所需插件的数组，我们可以启用dayGrid插件。`initialView`属性用于设置日历的初始视图。