使用onClick打开时，Flickity React组件无法以模式正确加载

Question

在模式中使用 react-flickity-component 时，如果将模式切换为在页面渲染中打开，则滑块会正确加载。

但是，如果在页面渲染后用按钮（例如，onClick）切换模式打开，则滑块会彼此叠加。

我注意到，当flickity-slider不能正确呈现时，它们就没有transform: translateX(-100%)和left: #% CSS属性。正确渲染后，它会（请参见下面的屏幕截图）。

有什么想法可能会发生这种情况吗？