Javascript 固定移动设备上的响应式转盘显示器

我仍然是ReactJS的初学者，我需要创建一个反应灵敏的

旋转木马

，我需要这样离开：

我能够使用

react responsive Carousel

库在桌面和responsive上创建旋转木马

问题是，在移动格式中，当我传递每个旋转木马的

幻灯片时，预期的行为没有发生。当我单击以显示下一张幻灯片时，在旋转木马中，它仍然显示当前幻灯片，以及下一张幻灯片的一部分

通过显示我制作的短gif，更容易解释，请注意当我单击以显示下一张幻灯片时会发生什么

当它是桌面格式时，Carousel的工作方式是正确的，我还创建了一个小gif来显示它

你能告诉我你做错了什么，旋转木马就是这样工作的吗


从“React”导入React；
从“道具类型”导入道具类型；
导入“/carousel.scss”；
从“反应响应旋转木马”导入{Carousel as CarouselLib}；
从“/CAROUSEL.utils”导入{CAROUSEL_ITEMS}”；
const Carousel=（{副标题，testID，title}）=>{
const items=React.usemo(
() =>
旋转木马项目图（（项目）=>(
{item.title}
{item.subtitle}
)),
[]
);
返回(
{副标题}
{title}
hasPrev&
}
renderArrowNext={（onClickHandler，hasNext，label）=>
hasNext&(
)
}
>
{items}
);
};
Carousel.propTypes={
字幕：PropTypes.string，
testID:PropTypes.string.isRequired，
标题：PropTypes.string
};
Carousel.defaultProps={
testID：“旋转木马”，
字幕：“阅读我们的客户”，
标题：“案例”
};
导出默认旋转木马
.carousel{
&-容器{
.图像{
背景色：#fff；
宽度：100%；
最大宽度：416px；
高度：280px；
.形象{
宽度：100%；
高度：自动；
背景位置：中心；
背景重复：无重复；
}
@介质（最大宽度：600px）{
最大宽度：270px；
高度：自动；
}
}
.信息{
显示器：flex；
弯曲方向：立柱；
证明内容：中心；
调整项目：灵活启动；
h3{
字体系列：Alliance2；
颜色：#000；
线高：0.76；
字体大小：2.5rem；
字母间距：正常；
字体风格：普通；
字体大小：正常；
字体拉伸：正常；
利润率：24px 0 20px 0；
@介质（最大宽度：600px）{
字体大小：1.5rem；
}
}
跨度{
字体系列：Alliance2；
颜色：#000；
线高：0.76；
字号：1rem；
字母间距：正常；
字体风格：普通；
字号：500；
字体拉伸：正常；
文本转换：大写；
边缘底部：30px；
@介质（最大宽度：600px）{
字号：0.625rem；
}
}
}
旋转木马{
.幻灯片{
背景色：透明！重要；
@介质（最大宽度：1024px）{
最小宽度：50%！重要；
}
@介质（最大宽度：600px）{
最小宽度：90%！重要；
}
}
.控制点{
多特先生{
边界半径：0！重要；
背景色：#000！重要；
宽度：33px！重要；
高度：3倍！重要；
盒影：无！重要；
不透明度：1！重要；
&.选定{
高度：7px！重要；
}
&：焦点{
大纲：无！重要；
}
}
}
}
}
&-标题{
颜色：#000；
字体系列：“Alliance2”；
字体大小：300；
保证金：自动；
最大宽度：1300px；
文本转换：大写；
@介质（最大宽度：960像素）{
对齐项目：居中；
显示器：flex；
弯曲方向：立柱；
}
h5{
字号：1rem；
字体大小：粗体；
保证金：0；
}
h3{
高度：80px；
边缘顶端：13px；
边缘底部：44px；
颜色：#000；
字体大小：3.5rem；
线高：1.04；
字母间距：-1.1px；
@介质（最大宽度：960像素）{
字号：1.87rem；
}
@介质（最大宽度：600px）{
页边距底部：0；
}
}
}
&-内容{
保证金：自动；
最大宽度：1440px；
宽度：100%；
.定制箭头{
位置：绝对位置；
顶部：7em；
底部：自动；
右：4.3em；
背景色：透明；
边界：无；
左边框：4px实心#000；
边框底部：4px实心#000；
宽度：67px；
高度：67px；
变换：旋转（225度）；
光标：指针；
&：焦点{
大纲：无！重要；
}
}
}
}
我不知道
react responsive carousel
，我在我的项目中使用
react slick
（），我的responsive carousel从来没有遇到过问题。
你的.scs中有什么.carousel容器？