Question

我正在使用React Bootstrap Carousel，我想删除控件的上一个箭头，但我不知道如何：

<Carousel>
                            <Carousel.Item>
                                <img
                                className="d-block w-100"
                                src="1.jpeg"
                                style={{borderRadius:"15px"}}
                                height="500"
                                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>
                            <Carousel.Item>
                                <img
                                className="d-block w-100"
                                src="5.jpg"
                                style={{borderRadius:"15px"}}
                                height="500"
                                alt="Third slide"
                                />
                                <Carousel.Caption>
                                    <h3>Second slide label</h3>
                                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
                                </Carousel.Caption>
                            </Carousel.Item>
                            <Carousel.Item>
                                <img
                                className="d-block w-100"
                                src="3.jpg"
                                style={{borderRadius:"15px"}}
                                height="500"
                                alt="Third slide"
                                />
                                <Carousel.Caption>
                                    <h3>Third slide label</h3>
                                    <p>Praesent commodo cursus magna, vel scelerisque nisl consectetur.</p>
                                </Carousel.Caption>
                            </Carousel.Item>
                        </Carousel>

我是react-bootstrap的新手，请帮助我完成删除上一个箭头的任务。

Answer 1

这很容易。只需将道具“控件”传递给 Carousel 并给它一个错误值。传入 false 时不要忘记 {}

Answer 2

声明为：

<Carousel prevIcon={<span aria-hidden="true" className="carousel-control-prev-icon" />} >
...
..
.
</Carousel>

来自documentation。

Answer 3

尝试显式覆盖Carousel组件的与指标相关的道具，如下所示：

<Carousel nextIcon="" nextLabel="">
  ...
</Carousel>

Documentation of Carousel's available props here。

从react引导程序中删除轮播的上一个箭头

3 个答案: