如何在 reactjs 中为多个图像使用 react-slick 滑块

Question

我不想要那样的输出怎么做。 我正在开发但没有调整
const 设置 = { 无限：true，slidesToShow：3，slidesToScroll：3，}； <div > <Slider {...settings} > <div style={{ display: 'flex', alignItems: 'center', justifyContent: 'center', marginTop:'10px', marginBottom: '10px', marginLeft: '15%', }}> <div><img width= '200px' height= '200px' src='/assets/images/oem/main/apple-iphone-5s-small.png'/></div> <div><img width= '200px' height= '200px' src='/assets/images/oem/main/Apple.png' /></div> <div><img width= '200px' height= '200px' src='/assets/images/oem/main/apple-iphone-5s-big.png' /></div> <div><img width= '200px' height= '200px' src='/assets/images/oem/main/apple-iphone-5s-small.png' /></div> </div>

Answer 1

你有没有看过多个项目的例子（这里是可视的）？ 如果要同时显示 3 张图像，请将设置更改为：

slidesToShow: 3,
slidesToScroll: 3