React使用FullCalendar

最近因需求，特意了解了一下FullCalendar这个插件的使用,满足需求的小伙伴可以试着尝试尝试一下。这里小编贴出一篇满足大部分需求的文章，希望对你们有所帮助,先看效果图。

使用@FullCalendar/react插件首先需要安装
npm install @fullcalendar/core,

@fullcalendar/daygrid,

@fullcalendar/interaction,

@fullcalendar/list,

@fullcalendar/react,

@fullcalendar/timegrid

引用方法：

import FullCalendar from '@fullcalendar/react'

import dayGridPlugin from '@fullcalendar/daygrid'

import timeGridPlugin from "@fullcalendar/timegrid";

import listPlugin from '@fullcalendar/list';

import interactionPlugin from '@fullcalendar/interaction'

插件使用：

<FullCalendar

                height={800}//日历高度

                allDaySlot=