react-slick导致整个页面挂起

Question

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

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

每次滑块滑动时，整个页面都会挂起。例如，除了这篇文章之外，我还有一个表格。当我试图在slick滑动时滚动我的表格时，它挂起了，它等待slick完成滑动，然后我才能滚动我的表格。打开模式窗口时也是如此。当我打开一个模式窗口时，如果slick正在滑动，它就会挂起，直到slick在显示我的模式窗口之前完成幻灯片。如何解决这个挂起的问题？

似乎仅仅使用slick本身就会导致页面在幻灯片滑动时挂起。

Answer 1

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

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

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