小编max*_*k12的帖子

我可以在 react-bootstrap 中自定义 Carousel-indicators

我正在使用http://react-bootstrap.github.io/ Carousel 组件。我正在尝试自定义包含一些文本的轮播指示器,并使其看起来像一个带有文本的按钮,但将渲染“ol”标签反应为一个新的 CarouseItem 并且没有重定向功能

    return (
       <Carousel id="sampleSlide" indicators={false}>
          <ol className="carousel-indicators">
            <li data-target='#sampleSlide' data-slide-to="0" className="active"></li>
            <li data-target= '#sampleSlide' data-slide-to="1"></li>
          </ol>
          <CarouselItem>
            <div className="itemContent">
               Hello World
            </div>
          </CarouselItem>
          <CarouselItem>
            <div className="itemContent">
               Hello World
            </div>
          </CarouselItem>
      </Carousel>
    );
Run Code Online (Sandbox Code Playgroud)

有什么方法可以自定义它或任何其他方法吗?

javascript components carousel reactjs react-bootstrap

7
推荐指数
1
解决办法
4707
查看次数