Нажмите «Реагировать на большой календарь» и показать модальное с выбранными деталями событий. - PullRequest
Новая
       12

Нажмите «Реагировать на большой календарь» и показать модальное с выбранными деталями событий.

0 голосов
/ 09 апреля 2020

Кто-нибудь пытался использовать react-big-calendar libray с event выбранным модалом? Ниже приведены примеры данных моих событий и мой Calendar компонент. Эти данные уже отображаются в моем реактивном большом календаре. Я просто хочу, чтобы события были кликабельными и показывали модал с подробной информацией. 

const events = [
    {
      title: 'Work 1',
      allDay: false,
      start: new Date(2020, 4, 8, 10, 0), // 10.00 AM
      end: new Date(2020, 4, 8, 12, 0), // 2.00 PM
    },
    {
      title: 'Work 2',
      allDay: false,
      start: new Date(2020, 4, 10, 8, 0), // 8.00 AM
      end: new Date(2020, 4, 10, 10, 0), // 10.00 PM
    },
  ];

<Calendar>
   localizer={localizer}
   defaultDate={new Date()}
   defaultView="month"
   events={events}
   style={{ height: 500, width: 750 }}
   views={['month']}
</Calendar>

Учебное пособие, которому я следую. https://codesandbox.io/s/l9jwl0kj6m?file= / индекс. js

...