从反应引导程序中删除轮播的前一个箭头答案

【问题标题】：Remove previous arrow of carousel from react bootstrap从反应引导程序中删除轮播的前一个箭头
【发布时间】：2020-04-05 22:20:42
【问题描述】：

我正在使用 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 的新手，请帮我完成删除前一个箭头的任务。

【问题讨论】：

标签： reactjs bootstrap-4 react-bootstrap

【解决方案1】：

声明为：

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

来自documentation。

【讨论】：

【解决方案2】：

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

【讨论】：

【解决方案3】：

你可以试试这个

<Carousel indicators={false}>
 ....
</Carousel>

【讨论】：

【解决方案4】：

<Carousel controls={false}> // Hide next and previous buttons
 ....
</Carousel>

【讨论】：

【解决方案5】：

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

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

Documentation of Carousel's available props here.

【讨论】：