reactjs - 你应该为 react-big-calendar 创建一个自定义 eventWrapper 组件吗？

Question

没有添加 a 的文档，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，而不是一个对象，因此如果您需要多个类，则需要一个以空格分隔的类名列表。