I’m trying to create a Swiper with dynamic content in jsx using map. It does render the sliders but not working.
<Swiper className="homeSwiper" navigation params={{ speed: 1000, slidesPerView: 1, spaceBetween: 20, autoplay: { delay: 300, disableOnInteraction: false } }}>
{
promotions.map((item, index) => {
return (
<SwiperSlide key={index}>
<img className="width-100" src={item.promotion_src} />
</SwiperSlide>
)
})
}
</Swiper>