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，但它已经几个月没有更新了，所以我现在不能推荐它。