react中swiper插件如何使用？

npm i swiper -S

import Swiper from 'swiper/dist/js/swiper.js' import 'swiper/dist/css/swiper.css'

 
  
  
Slide 1
 
Slide 2
 
Slide 3
 
  
  
 
  
 

// 直接引用数据将，new Swiper放在componentDidMount // 用axios请求数据，new Swiper放在componentDidUpdate new Swiper('.swiper-container', { direction: 'vertical',//竖向轮播 loop: true,//无缝轮播 pagination: {//小圆点分页 el: '.swiper-pagination', }, navigation: {//左右分页 nextEl: '.swiper-button-next', prevEl: '.swiper-button-prev', }, scrollbar: {//下划线分页 el: '.swiper-scrollbar', } })