example swiper in react

swiper-react.js

import {SwiperSlide, Swiper} from 'swiper/react';
import SwiperCore, {Pagination, Autoplay} from 'swiper';

SwiperCore.use([Pagination, Autoplay]);

const Home = (props) => {
const [banner, setBanner] = useState([])

// get data from api
setbanner(API_DATA);
  
return (
  <Swiper
      pagination={{clickable: true }}>
          {
              banner.map((row, idx) => {
                  return (
                      <SwiperSlide key={idx}>
                          <img src={row.urlImage} alt="images"/>
                      </SwiperSlide>
                  )
              })
          }
  </Swiper>
)
}