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

Question

I dont want like that output how to do that. I am developing but it is not adjusted
const settings = { infinite: 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

Have you had a look at the Multiple Items Example (visual here )? If you want to have 3 images displayed at one time, you change the settings to:

slidesToShow: 3,
slidesToScroll: 3