Bootstrap 反应轮播自动播放

Question

我是 reactJS 的新手，在我的页面上有多个轮播。有没有办法关闭自动播放并且不与其他轮播冲突

<Carousel>
   <Carousel.Item><img></Carousel.Item>
   <Carousel.Item><img></Carousel.Item>
</Carousel>

<Carousel>
   <Carousel.Item><img></Carousel.Item>
   <Carousel.Item><img></Carousel.Item>
</Carousel>

<Carousel>
   <Carousel.Item><img></Carousel.Item>
   <Carousel.Item><img></Carousel.Item>
</Carousel>

我无法为轮播分配 ID，因为它们是动态的

Answer 1

您只需将 Carousel 的 interval 属性设置为 null 即可停止自动播放：

<Carousel interval={null}>
   <Carousel.Item><img></Carousel.Item>
   <Carousel.Item><img></Carousel.Item>
</Carousel>

<Carousel  interval={null}>
   <Carousel.Item><img></Carousel.Item>
   <Carousel.Item><img></Carousel.Item>
</Carousel>

<Carousel  interval={null}>
   <Carousel.Item><img></Carousel.Item>
   <Carousel.Item><img></Carousel.Item>
</Carousel>

Bootstrap 反应轮播自动播放

Bootstrap react carousel auto play off

reactjs

react-bootstrap