轮播到达最后时返回第一张幻灯片

Question

我在react js项目中使用https://www.npmjs.com/package/react-multi-carousel。>>

圆盘传送带正在按预期工作，但是我需要使圆盘传送带在到达最后一张幻灯片时从第一个开始。

完整的工作示例：

https://codesandbox.io/s/react-multi-carousel-playground-2c6ye

代码：

<Carousel
  ssr
  deviceType={deviceType}
  itemClass="image-item"
  responsive={responsive}
>
我已经这样添加了，

<Carousel
  infinite={true}
  autoPlay={true}
  autoPlaySpeed={3000}
  ssr
  deviceType={deviceType}
  itemClass="image-item"
  responsive={responsive}
>
但是它会自动创建无限数量的幻灯片，但这不是我的要求。一旦到达末尾，它应在1秒钟的持续时间后回到第一张幻灯片，因为用户需要向后移动n次才能达到第一张幻灯片。

[请帮助我从传送带一旦到达最后一张幻灯片时就开始播放幻灯片（有一些延迟，例如1000ms，这样用户可以看到最后一张幻灯片1s，然后可以查看第一张幻灯片。

我在react js项目中使用https://www.npmjs.com/package/react-multi-carousel。轮播工作正常，但是我需要让轮播从到达时的第一个开始...

Answer 1

您可以通过编写您自己的自动循环