На моей странице после загрузки запрашиваются данные. Получив их я отрисовываю slick slider:
render() {
const { data } = this.props;
const settings = {
dots: false,
infinite: true,
arrows: false,
autoplay: false,
speed: 1500,
slidesToShow: 7,
slidesToScroll: 1,
draggable: false,
centerMode: true,
initialSlide: 0,
onInit: () => {
this.slider && setTimeout( function(){ this.slider.slickGoTo( 5 ) }, 2000 );
},
};
return(
{ data &&
<Carousel {...settings} className={'carousel'} ref={slider => (this.slider = slider )}>
{ data['items'] && data['items'].map((item, index) => (
<div className={'item'} key={index}>ДАННЫЕ</div>
))}
</Carousel>
}
)
}
Задача состоит в том, чтобы после загрузки карусели на странице, произошла прокрутка слайдера к определённому слайду. Согласно документации слика, я запускаю slickGoTo(N), используя метод onInit.
В этом примере я хочу прокрутить слайдер к 5 слайду через 2 секунды. Но это не срабатывает - слайдер остаётся на месте. Возможно, прокрутка происходит до того, как слайдер отрисуется на странице. Не смог нагуглить примеров, как сделать прокрутку у SlickSlider при загрузке страницы, а собственных знаний не хватает понять сути проблемы. Буду благодарен за помощь!
goTo