我有以下带有 Slick 轮播的 React 应用程序。我创建了一个自定义“下一步”按钮,需要执行该slickNext()方法才能继续到下一张幻灯片。Slick carousel 文档和一些问题的答案都提到了以下调用方法的方式slickNext()。
问题是我收到错误 slider.slick is not a function。
这是我到目前为止所尝试过的
gotoNext = () => {
var slider = document.getElementsByClassName("sliderMain")[0];
console.log("set", slider)
slider.slick("slickNext");
}
const SampleNextArrow = (props) => {
const { className, style } = props;
return (
<div
className={className}
onClick={this.gotoNext}
/>
);
}
const settings = {
dots: true,
infinite: false,
speed: 500,
slidesToShow: 1,
slidesToScroll: 1,
swipe: false,
nextArrow: <SampleNextArrow className="customSlickNext" />,
};
<Slider
id="sliderMain"
{...settings}
className="sliderMain"
afterChange={this.changeSlide}
>{ /* slider goes here */}
</Slider>
我该如何解决这个问题?
婷婷同学_
HUH函数
相关分类