react-slick最后一张幻灯片在加载时首先显示

Question

我遇到了react-slick的问题，在第一次加载页面时，最后一张幻灯片首先被显示，而分页点处于禁用状态(这表明自动播放还没有开始)，在自动播放开始后，它会滑入实际的第一张幻灯片，并且分页点正确指示(react-slick在这里工作得很好，问题只存在于第一次加载页面时)。

有没有人有同样的问题？

下面是我的sliderParams的代码：

const sliderParams = {
 className: `slider-container ${styles['slider-container']}`,
 autoplay: true,
 speed: 1000,
 autoplaySpeed: 3000,
 dotsClass: `slick-dots ${styles.dots}`,
 dots: true,
 slidesToShow: 1,
 slidesToScroll: 1,
 infinite: true,
 nextArrow: <NextArrow />,
 prevArrow: <PrevArrow />,
};

提前感谢您的帮助！

Answer 1

对于那些正在寻找解决方案的人，我已经通过这里的评论部分找到了一个：

https://github.com/akiran/react-slick/issues/1171

显然，根据我在论坛上读到的内容，这是一个尚未修复的bug (如果我错了，请纠正我)。

我的问题的解决方案：

infinite: slides.length > 3

现在在页面加载时，我的第一张幻灯片显示的是实际的第一张幻灯片，而不是最后一张幻灯片。

干杯