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

Posted 2023-02-25

技术标签:

【中文标题】react-slick 最后一张幻灯片在加载时首先显示【英文标题】：react-slick last slide is being displayed first upon load 【发布时间】：2021-07-01 10:14:37 【问题描述】：

我遇到了 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 />,
;

提前感谢您的帮助！

【问题讨论】：

【参考方案1】：

对于那些正在寻找解决方案的人，我通过此处的评论部分找到了解决方案：

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

根据我在论坛中看到的内容，显然这是一个尚未修复的错误（如果我错了，请纠正我）。

我的问题的解决方案：