如何移除旋转木马下方的部件？答案

【问题标题】：How can I remove the part below the carousel?如何移除旋转木马下方的部件？
【发布时间】：2020-10-14 17:32:06
【问题描述】：

我正在使用 react-responsive-carousel 在反应中添加轮播。这是我的代码：

<Carousel autoPlay interval="5000" transitionTime="5000">
                    <div>
                        <img src="https://picsum.photos/700/400?img=1" />
                        <p className="legend">My Classic Still 1</p>
                    </div>
                    <div>
                        <img src="https://picsum.photos/700/400?img=2" />
                        <p className="legend">My Classic Still 2</p>
                    </div>
                    <div>
                        <img src="https://picsum.photos/700/400?img=3" />
                        <p className="legend">My Classic Still 3</p>
                    </div>
                </Carousel>

如何删除它下面的部分。我标记了图片中要删除的部分。

【问题讨论】：

你能在沙盒中分享你的代码吗？

标签： reactjs image carousel responsive

【解决方案1】：

您必须将 showThumbs 道具设置为 false，如下所示

<Carousel autoPlay interval="5000" transitionTime="5000" showThumbs={false}>

【讨论】：

【解决方案2】：

将showThumbs={false} 传递给Corousel 组件

             <Carousel autoPlay interval="5000" 
                 transitionTime="5000" showThumbs={false}>
                    <div>
                        <img src="https://picsum.photos/700/400?img=1" />
                        <p className="legend">My Classic Still 1</p>
                    </div>
                    <div>
                        <img src="https://picsum.photos/700/400?img=2" />
                        <p className="legend">My Classic Still 2</p>
                    </div>
                    <div>
                        <img src="https://picsum.photos/700/400?img=3" />
                        <p className="legend">My Classic Still 3</p>
                    </div>
                </Carousel>

【讨论】：