如何停止使用react-reveal / makeCarousel制作的轮播上的自动播放

时间:2019-05-06 16:29:43

标签: javascript reactjs

我正计划将由react-reveal/makeCarousel制成的旋转木马用作ImageGallery。

因此,我无法找到一种取消“自动播放”功能的方法。我希望仅根据鼠标单击和触摸来进行转换。

我正在关注本教程:

https://www.react-reveal.com/tutorials/carousel/

render (
  <Carousel defaultWait={1000} /*wait for 1000 milliseconds*/ >
    <Slide right>
      <div>
        <h1>Slide 1</h1>
        <p>Slide Description</p>
      </div>
    </Slide>
    <Slide right>
      <div>
        <h1>Slide 2</h1>
        <p>Slide Description</p>
      </div>
    </Slide>
  </Carousel>
);

1 个答案:

答案 0 :(得分:0)

刚刚发现defaultWait={0}禁用了自动播放。

render (
  <Carousel defaultWait={0} /* Disables autoplay */ >
    <Slide right>
      <div>
        <h1>Slide 1</h1>
        <p>Slide Description</p>
      </div>
    </Slide>
    <Slide right>
      <div>
        <h1>Slide 2</h1>
        <p>Slide Description</p>
      </div>
    </Slide>
  </Carousel>
);