时间戳

首页 > 解决方案 > react-bootstrap 如何控制轮播设置，控件，指示器，自转，间隔时间

carousel - react-bootstrap 如何控制轮播设置，控件，指示器，自转，间隔时间

问题描述

所以问题很简单：如何传递变量以管理 Carousel（react-bootstrap）中的设置？我想将 (params/props/state) 传递给以便能够通过传递道具动态显示/隐藏下一个上一个按钮、自动播放、两张幻灯片之间的时间间隔等，就像在常规引导轮播中所做的那样（这是通过添加 html 或通过 CSS 隐藏它来完成，这是 imao 2010 解决方案）。任何想法？

这是我的代码取自：here。不幸的是，糟糕的文档（或糟糕的 UI，所以我无法找到更详细的文档。）

代码：

 <Carousel>

  <Carousel.Item>
    <img
      className="d-block w-100"
      src="holder.js/800x400?text=First slide&bg=373940"
      alt="First slide"
    />
    <Carousel.Caption>
      <h3>First slide label</h3>
      <p>Nulla vitae elit libero, a pharetra augue mollis interdum.</p>
    </Carousel.Caption>
  </Carousel.Item>

  /* and so on,  next item, next item, etc... */

</Carousel>

标签： carouselreact-bootstrap

解决方案

在关闭自动滚动功能的情况下使用它

<Carousel   interval={null}>`

轮播不自动滚动

推荐阅读