Группировка ресурсов FullCalendar не работает с React - PullRequest
1 голос
/ 30 апреля 2020

Я пытался реализовать точно такой же пример здесь

, но в React:

<FullCalendar
            plugins={[
              interactionPlugin,
              timelinePlugin,
              resourceTimelinePlugin,
            ]}
            header={{
              left: 'today prev,next',
              center: 'title',
              right: 'resourceTimelineDay,resourceTimelineWeek',
            }}
            aspectRatio={1.6}
            defaultView="resourceTimelineDay"
            resourceGroupField="building"
            schedulerLicenseKey="GPL-My-Project-Is-Open-Source"
            resources={[
              { id: 'a', building: '460 Bryant', title: 'Auditorium A' },
              { id: 'b', building: '460 Bryant', title: 'Auditorium B' },
              { id: 'c', building: '460 Bryant', title: 'Auditorium C' },
              { id: 'd', building: '460 Bryant', title: 'Auditorium D' },
              { id: 'e', building: '460 Bryant', title: 'Auditorium E' },
              { id: 'f', building: '460 Bryant', title: 'Auditorium F' },
              { id: 'g', building: '564 Pacific', title: 'Auditorium G' },
              { id: 'h', building: '564 Pacific', title: 'Auditorium H' },
              { id: 'i', building: '564 Pacific', title: 'Auditorium I' },
              { id: 'j', building: '564 Pacific', title: 'Auditorium J' },
              { id: 'k', building: '564 Pacific', title: 'Auditorium K' },
              { id: 'l', building: '564 Pacific', title: 'Auditorium L' },
              { id: 'm', building: '564 Pacific', title: 'Auditorium M' },
              { id: 'n', building: '564 Pacific', title: 'Auditorium N' },
              { id: 'o', building: '101 Main St', title: 'Auditorium O' },
              { id: 'p', building: '101 Main St', title: 'Auditorium P' },
              { id: 'q', building: '101 Main St', title: 'Auditorium Q' },
              { id: 'r', building: '101 Main St', title: 'Auditorium R' },
              { id: 's', building: '101 Main St', title: 'Auditorium S' },
              { id: 't', building: '101 Main St', title: 'Auditorium T' },
              { id: 'u', building: '101 Main St', title: 'Auditorium U' },
              { id: 'v', building: '101 Main St', title: 'Auditorium V' },
              { id: 'w', building: '101 Main St', title: 'Auditorium W' },
              { id: 'x', building: '101 Main St', title: 'Auditorium X' },
              { id: 'y', building: '101 Main St', title: 'Auditorium Y' },
              { id: 'z', building: '101 Main St', title: 'Auditorium Z' },
            ]}
          />

Я импортировал следующее в стилях.s css файл:

@import "~@fullcalendar/core/main.css";
@import "~@fullcalendar/timeline/main.css";
@import "~@fullcalendar/resource-timeline/main.css";

Но я получил следующий результат:

enter image description here

Я не знаю, что мне не хватает, но поля группы не отображаются.

...