如何移除转盘下方的部分？

Question

我正在使用 react-responsive-carousel 在 react 中添加 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>

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

Answer 1

您必须将 showThumbs 属性设置为 false，如下所示

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

Answer 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>

如何移除转盘下方的部分？

How can I remove the part below the carousel?

image

carousel

reactjs

responsive