Reactjs 反应平滑导致整个页面挂起

我为设置了以下配置：

每次光滑的项目滑动时，整个页面都会挂起。例如，除了这张光滑的桌子，我还有一张桌子在下面。当我试图滚动我的桌子，而滑溜滑溜，它挂起，它等待滑溜完成滑动之前，我可以滚动我的桌子。打开模式窗口时也是如此。如果在我打开模式窗口时滑溜，它会一直挂起，直到滑溜结束，然后再显示模式窗口。 如何解决绞刑这一问题

---

似乎即使只是使用slick本身也会导致页面在幻灯片滑动时挂起。

我知道这并不理想，但react slick似乎已经有几个月没有维护了（它还存在性能问题：，维护人员尚未解决）

我会尝试用另一个旋转木马组件替换它，看看性能是否有所提高。我选择了这一款，因为我以前使用过它，它看起来比react slick保养得更好：

---

这是我以前使用过的另一个库，但它已经几个月没有更新了，所以我现在不能推荐它。

hi。你能在这个问题上演示一下吗？您可以通过在页面中添加slick进行复制。该页面可以包含溢出的其他组件，因此您可以看到一个滚动条。尝试向下和向上滚动，你会感觉到每当滑溜时它就会停止。实际上，即使没有所有这些react版本，直接使用“slick”，你也可以看到页面在自动滑动时挂起。当底层的“slick”模块本身已经导致挂起时，这些其他版本有什么不同。我认为挂起的原因是当我实现更新状态变量的“onBeforeChange”时。然后，一个组件依赖于此状态来确定当前幻灯片的内容。当我评论onBeforeChange的实现时，不再挂起。但是为什么react会在状态更新时挂起所有内容呢？显示您的代码，可能有很多原因，但很可能是您触发了不必要的重新加载。

infinite: true,
speed: 500,
slidesToShow: 6,
slidesToScroll: 5,
swipeToSlide: true,
autoplay: true,
arrows: false
dots: false