Swiper

import 'swiper/css';
import Swiper from 'swiper';
import SwiperCore, { Autoplay } from 'swiper/core';


SwiperCore.use([Autoplay]); // 最重要

export default () => {

  useEffect(() => {
    const mySwiper = new Swiper('.swiper-container', {
      autoplay: true,
      loop: true,
      centeredSlides: true,
      slidesPerView: 3.5,
    });
  }, [isSmall]);

  return (
      <div className='swiper-container'>
        <div>
          {
            [1, 2, 3, 4, 5, 6, 7, 8].map((item, index) => (
              <div className="swiper-slide" key={`${index}`}>
                {item}
              </div>
            ))
          }
        </div>
  );
};