@so_easyy

Как корректно передать eventPropGetter?

Всем привет! Пишу на рекат, использую библиотеку react-big-calendar. Есть задача выделить все ивенты, где найдена почта юзера другим цветом. Однако по какой-то причине не работает (хотя с ивентом текущего дня все отлично, выделяется как надо). Почта точно находится, в консоль вываливаются все нужные данные.
Я что-то не так передаю? Или он воспринимает не более одного ретерна?
const customEventPropGetter = (event, start, end) => {
    const currentUserEmail = localStorage.getItem("email");
      event.participants.forEach(element => {
        if (element.email === currentUserEmail) {
          console.log(element)
          return {
            className: "participates-event",
          };
        }
      });
    const currentDate = new Date();
    const currentDateFormatted = format(currentDate, "yyyy-MM-dd");
    const startFormatted = format(start, "yyyy-MM-dd");
    const endFormatted = format(end, "yyyy-MM-dd");

    if (startFormatted === currentDateFormatted && endFormatted === currentDateFormatted) {
      return {
        className: "event-today",
      };
    }
  };


Вот так передаю в календарь:

<Calendar
        localizer={localizer}
        events={events}
        startAccessor="start"
        date={currentDate}
        endAccessor="end"
        selectable
        eventPropGetter={customEventPropGetter}
        onSelectEvent={handleEventClick}
        onSelectSlot={(slotInfo) => {
          setSelectedSlot(slotInfo);
          openCreateEventModal();
        }}
        components={{
          month: {
            dateHeader: CustomDateHeader,
          },
        }}
        onNavigate={(newDate) => {
          setCurrentDate(newDate);
        }}
      />
  • Вопрос задан
  • 85 просмотров
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы