[Portfolio 포트폴리오] 리액트에서 스와이퍼 설치 react swiper.js install with yarn

설치

yarn add swiper

 

swiper 을 사용하기 위해 import

import { Swiper, SwiperSlide } from 'swiper/react';
import 'swiper/css';

 

네비게이션, 버튼 등을 사용하려면 모듈 추가

import { Navigation, Pagination, Scrollbar, A11y } from 'swiper/modules';
import 'swiper/css/navigation';
import 'swiper/css/pagination';
import 'swiper/css/scrollbar';

 

return

<Swiper modules={[Navigation, Pagination]}>
    <SwiperSlide></SwiperSlide>
</Swiper>