Должны ли вы создать пользовательский компонент eventWrapper для Reaction-Big-Calendar?

Question

Нет документации для добавления eventWrapper, и я видел несколько комментариев о том, что это не должно быть перезаписано.Должны ли мы использовать это или пытаться создать пользовательский eventWrapper компонент для переопределения существующего?

Для меня я не хочу, чтобы .rbc-event-label также хотел динамически в JS изменять стиль.Или мне просто нужно что-то менять в CSS?

Answer 1

Вы можете динамически применять дополнительные классы и стили к вашим событиям, используя свойство eventPropGetter.Это свойство принимает функцию, которая должна возвращать объект с именами классов и стилей для применения к событию (автоматически добавляется в eventWrapper).

const eventRenderProps = (event, start, end, isSelected) => {
  let result = {};
  // Code to conditionally add 'className' or 'style' to the result
  return result; // {className?: String, style?: Object}
}

//
<MyCalendar eventPropGetter={eventRenderProps} />

Важно отметить, что этот метод вызывается при каждом отображениисобытие, и будет вызываться снова для каждого, поскольку событие выбрано или изменено / обновлено.Также важно отметить, что className должен быть String , а не объектом, поэтому, если вам требуется несколько классов, вам потребуется список имен классов, разделенных пробелом.