React-slick carousel - 自动播放在子组件中不起作用，同时使用父组件的道具触发它

Posted 2023-02-25

【中文标题】React-slick carousel - 自动播放在子组件中不起作用，同时使用父组件的道具触发它

【英文标题】：React-slick carousel - autoplay not working in child component while triggering it with prop from parent component

【发布时间】：2018-05-30 16:07:37

【问题描述】：

我正在使用 React。我正在尝试实现轮播，并尝试在 react-slick 中触发自动播放选项（字面意思是 Slider 的道具），react-slick 中的自动播放不起作用。

【问题讨论】：

codesandbox.io/s/2v7j4ml670 - 这是一个实现帮助我的示例！！！！！！

当问题陈述很简单时，很难提供解决方案"it doesn't work"。请edit您的问题更完整地描述您预期会发生什么以及这与实际结果有何不同。请参阅 How to Ask 以获取有关什么是好的解释的提示。

【参考方案1】：

我用过 react-slick 0.23.1 但它不起作用

后来我尝试使用 react-slick 0.21.0 它确实有效

谢谢！

【参考方案2】：

给出标签的引用。

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

您可以使用 slickPause() 和 slickPlay() 函数

play() 
  this.slider.slickPlay();


pause() 
  this.slider.slickPause();

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