在react中使用swiper制作具有滑动效果的导航栏

1.先下载swiper包

npm install swiper -S

2.在下载完成之后，在想要使用的页面引入swiper

import Swiper from "swiper"

同时还要将swiper的样式进行引入，我当时搜索网上的都是将css和swiper在同一个页面进行引用，但是我的在页面是没有进行引入的，或者说只是在public文件夹里面的index.html文件进行了css的相关引入。
3.就是在使用的地方进行使用

<div class="swiper-container">
                <div class="swiper-wrapper" style={
   {
   display:'inline-flex'}}>
                    <div className='swiper-slide'>1</div>
                    <div className='swiper-slide'>2</div>
                    <div className='swiper-slide'>3<</