React引入swiper6.x版本

​​官方react安装swiper说明​​

npm i swiper

在组件进行导入
css样式根据自己的项目自行导入

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

使用

<SwiperSlide>Slide 1</SwiperSlide>
      <SwiperSlide>Slide 2</SwiperSlide>
      <SwiperSlide>Slide 3</SwiperSlide>
      <SwiperSlide>Slide 4</SwiperSlide>
    </Swiper>