Change settings dynamically

I am using React-Slick for my project and I want to be able to dynamically change the settings that I provide to my slider.

For slickjs (https://github.com/kenwheeler/slick) this can be done using slickSetOption.

I realized that it is not possible to use slickSetOption in React Slick after reading the documentation. However, after reading the following it made me think that it should be possible to in fact change the settings of the slider in a dynamic way.

slickGetOption has been implemented slickSetOption will not be implemented, those effects be achieved by passing props via state from the wrapper component

_Originally posted by @laveesingh in https://github.com/akiran/react-slick/issues/1063#issuecomment-368816567_

My implementation looks like this, and unless I am using this in a completely wrong way or have misunderstood the above statement this is probably a bug.

<Slider
	dots={true}
	infinite={true}
	speed={500}
	slidesToShow={1}
	slidesToScroll={1}
	autoplaySpeed={2000}
	autoplay={props.autoplay} // even if the value is changed, autoplay stays to it's initial setting
>
	{images}
</Slider>

Using React Slick’s playground I’ve put together this to demonstrate the issue: https://codesandbox.io/s/react-slick-playground-unyot

Sort of a dodgy work around is to add a key prop to <Slider /> and change the value of that as the props changes.

[sinner]

I have the same problem with the initialSlide settings property.

[RuiGuilherme]

Same issue here;

<Slider
	{...{
		dots: false,
		accessibility: false,
		infinite: true,
		speed: 2000,
		autoplaySpeed: 5000,
		slidesToShow: 1,
		slidesToScroll: 1,
		pauseOnHover: false,
		autoplay: autoplay
	}}
>

autoplay start with true; If I change prop of autoplay to false, autoplay stop. But if set again to true autoplay don’t work. Version: 0.27.11

I don’t know if this will help but I fix it using this, fallow example.