React 中使用Swiper轮播

1. 导入swiper 第三方包

npm i swiper --save

 2. swiper版本号是 8.3.0

 3.导入swiper 相关组件函数

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

4.Swiper中的引用

 console.log(swiper)}>
        {imgs.map(item => (
          
            
          
        ))}
        

      

5.引入css样式，在index.html中引入css，这里引入的是官方cdn链接

6.成功实现轮播效果