Я использую 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>
)
}