react-slick 导致整个页面挂起

Question

我为react-slick设置了以下配置：

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

每次滑动项目时，整个页面都会挂起。例如，除了这个光滑之外，我还有一张下表。当我尝试在光滑滑动时滚动表格时，它会挂起，它会等待光滑完成滑动，然后才能滚动表格。打开模态窗口时也是如此。如果当我打开模态窗口时 slick 正在滑动，它会挂起，直到 slick 在显示我的模态窗口之前完成滑动。 如何解决这个挂起的问题？

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

Answer 1

我知道这并不理想，但 react-slick 似乎已经有几个月没有维护了（而且它还存在性能问题：https://github.com/akiran/react-slick/issues/1274，维护者尚未解决）。

我会尝试用另一个轮播组件替换它，看看性能是否有所提高。我选择了这个，因为我以前用过它，它似乎比 react-slick 维护得更好：https://github.com/express-labs/pure-react-carousel

这是我之前用过的另一个库 - https://github.com/leandrowd/react-responsive-carousel，但几个月没有更新，所以我暂时不推荐它。