Как показать несколько событий одного и того же, что в одном столбце дня в React-Big-Calendar - PullRequest
0 голосов
/ 15 мая 2019

Я использую React-big-calendar в своем проекте и сталкиваюсь с проблемой рендеринга нескольких событий одной и той же даты в одном и том же столбце дня. Здесь я добавляю несколько строк своего кода.

это мой компонент календаря

 <BigCalendar
   localizer={localizer}
   startAccessor="start"
   endAccessor="end"
   className={containerClass}
   views={['month']}
   events={props.calendarEventsArray}
   components={{
    dateCellWrapper: DateCellWrapper,
    toolbar: Toolbar,
    event: CalendarEventCell
   }}
   onSelectEvent={event => onEventClick(event, props)}
 />

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

  const CalendarEventCell = ({ event }) => {
    return (
     <div className="calendar-event">
      <figure>
    <img src={event.src} alt="img" />
    <figcaption>{event.title}</figcaption>
      </figure>
      <span className="event-time">{event.time}</span>
    </div>
   )
  }

...