お手頃・高機能スライダーはSwiper使っておけばいい - Qiita

import * as React from 'react'; import SwiperCore, { Pagination, Autoplay } from "swiper"; import { Swiper, SwiperSlide } from "swiper/react"; SwiperCore.use([Pagination, Autoplay]); interface Props { imageData: Array<string>; // trueで自動でスライダーアニメーションが動く isAuto: boolean; // trueでpaginationクリックでスライダーアニメーションが動く clickable: boolean } const SwiperComponent: React.FC<Props> = (props) => { return ( <div>