React-slick carousel - autoplay not working in child component while triggering it with prop from parent component

Question

I m using React. I am trying to implement a carousel and I tried to trigger auto play option(props for Slider literally) in react-slick , the autoplay in react-slick is not working.

Answer 1

I had used react-slick 0.23.1 which it doesn't work

Later I tried with react-slick 0.21.0 it did work

Thanks!

Answer 2

Give a reference to the tag.

<Slider ref={slider => (this.slider = slider)}>
 ...
</Slider>

You can use the slickPause() & slickPlay() functions

play() {
  this.slider.slickPlay();
}

pause() {
  this.slider.slickPause();
}

https://github.com/akiran/react-slick/blob/master/examples/AutoPlayMethods.js