React-big-calendar, клюет при смене вида на неделю, рабочую неделю, день.Как это исправить?

Question

В проекте, в котором я сейчас работаю, мы решили использовать ответ-большой-календарь.Я предоставляю данные о событиях, передавая их из родительского компонента в качестве реквизита.Данные поступают в формате {начало: «строка даты ISO», конец: «строка даты ISO», заголовок: «имя события», allDay: true / false, идентификатор события: номер, номер комнаты: номер, идентификатор владельца: номер}.Он работал с моими фиктивными данными (без eventID, roomID, ownerID).

Итак, что на самом деле ломается: когда я выбираю комнату / комнаты, она рендерит все события этой комнатой / комнатами.Это работает в режиме монтирования и просмотра повестки дня.Я могу перемещаться по панели инструментов.Но когда я пытаюсь изменить представление на неделю, рабочую неделю или день, это ведет к непредсказуемому поведению.Если в дне, неделе или рабочей неделе нет событий, они хорошо отображаются и перемещаются по панели инструментов.Но если попытаться изменить его на неделю, в которой есть события, он перерисовывает всю страницу и теряет все визуализированные события.Как я могу это исправить?Если кто-то может помочь или предложить, что искать?

Answer 1

У меня недавно была очень похожая проблема, и это потому, что я забыл преобразовать все значения start и end своего события в истинные объекты JavaScript Date.Это требование равно в документации, я просто забыл его.До того, как я это сделал, они по-прежнему отображались изначально, но такие вещи, как изменение вида или перетаскивание / изменение размера, либо полностью ломались, либо создавали серьезные проблемы.Как только я правильно преобразовал эти start и end даты в истинные объекты JS Date, все эти проблемы исчезли.