Reactjs 如何在React中创建多项目滑块？

我创建了一个多项目旋转木马，它从数据库中获取所有图像，但只显示3个图像。我需要这个旋转木马显示从数据库中的所有图像时，点击侧箭头。我怎样才能使它像“旋转木马”一样工作？你能帮我定制旋转木马吗

.home\uu包装器{
.categoryslider_uu包装{
显示器：flex；
宽度：100%；
边缘顶部：15px；
能见度：可见；
不透明度：1；
过渡：能见度0，不透明度0.05秒，高度0.05秒线性；
高度：自动；
.类别{
位置：相对位置；
高度：14vh；
边缘底部：1米；
光标：指针；
&>img{
身高：100%；
宽度：100%；
对象匹配：覆盖；
}
p{
位置：绝对位置；
顶部：0.2米；
左：1米；
颜色：rgb（255、255、255）；
字号：2vh；
字号：900；
字母间距：0.5px；
线高：24px；
宽度：80%；
文本对齐：左对齐；
}
}
}
}

从“React”导入React
从“react router”导入{withRouter}
导入“./index.scss”
从“lodash”导入{times}
从“react引导/旋转木马”导入旋转木马
从'react bootstrap'导入{Col}；
从“../../../constants”导入{API}；
类CategorySlider扩展React.Component{
render（）{
让{stores}=this.props；
返回(
{次（4，（索引）=>{
返回(
{stores&&stores.length&&stores.map（store=>{
if（商店、特色产品、长度）{
退货商店。特色商品[0]。图片\u url；
}
返回存储[0]。名称；
}).filter（image=>image！==未定义）.map（（image\u-link，i）=>{
返回(
{stores[i].name}

)
})}
)
})}
);
}
}
使用路由器导出默认值（类别滑块）有一个非常好的组件可以为您完成这项工作。过来看