如何在 React-big-calendar 日和周视图中的不同行上呈现事件?

How to render events on different row in React-big-calender day and week view?

我正在使用 react-big-calendar 来呈现事件,并且我使用月、周、天视图。在月视图中一切正常,但如果有多个事件具有相同的时间段,那么它将呈现在一行中(参考下图)。有没有办法按列呈现事件?另外,react-big-calendar 有什么好的替代品吗?

不幸的是,文档站点已过时,否则您会知道新的 dayLayoutAlgorithm 道具。从更新的文档(通过克隆 repo 和 运行 'examples' 获得):

dayLayoutAlgorithm

A day event layout(arrangement) algorithm.

overlap allows events to be overlapped.

no-overlap resizes events to avoid overlap.

or custom `Function(events, minimumStartDifference, slotMetrics, accessors)

type: custom

default: overlap