父容器调整大小时，Fullcalendar v4资源时间轴未完全显示

Question

我在React项目中使用FullCalendar，左侧有一个侧边栏；当我隐藏侧边栏时，资源时间轴会扩展，但不会占用其全部宽度。参见下图，我在右侧获得空白（B）。

我在汉堡包按钮中添加了一个单击侦听器，以便每当单击该按钮时，它都会调用calendar.updateSize，但这似乎无法解决我的问题。 我尝试不向汉堡包添加click事件侦听器，而是在父div上添加一个用于使边栏隐藏/显示发生变化的类的突变观察器，并且在回调函数中调用updateSize，该操作无效，但是，如果我打开devTools并在updateSize之后设置调试器，可以单击汉堡包，则调整大小会非常完美。我不知道为什么它可以与devtool一起打开并调试器。

有趣的是，当我切换到不同的视图（例如dayGridMonth）然后再切换回resourceTimeline时，resourceTimeiline会适当调整其宽度，并且非常合适。

关于如何解决此问题的任何想法？

提前谢谢！

Answer 1

尝试一下：

var calendar = new FullCalendar.Calendar（calendarEl，{...

高度：“父母”，

...

}）;

Answer 2

在点击侦听器触发或变异观察器发出侧边栏viw更改的值之后，但在updateSize()函数运行之前，尝试设置100ms的延迟。