Javascript 如何在ReactJS中使用swipable？

我是

ReactJS

的初学者，我正在尝试使用

reactswipeable视图来提高我的知识

我跟随官员实施，这就是“工作”

问题在于幻灯片的动画在从一张幻灯片过渡到另一张幻灯片时，幻灯片并不像我看到的示例中所示那样平滑滑动

我在这里放了一个gif来显示我的幻灯片的效果：


我把我的代码放进

你能告诉我如何使幻灯片流畅地工作吗


import React，{useState}来自“React”；
从“react SwipeableView”导入SwipeableView；
从“react swipeable views core”导入{mod}；
从“react swipeable views utils”导入{virtualize}；
导入“/styles.css”；
从“/Corretor.json”导入Corretor；
const virtualizeSwipeableView=虚拟化（SwipeableView）；
函数滑动器（参数）{
常量{index，key}=params；
常数numberOfSlides=相应的depomentos.length；
常量slideContent={}；
for（设i=0；i{
setIndex（indexx）；
};
const handleBackClick=（）=>{
setIndex（索引-1）；
};
const handleNextClick=（）=>{
setIndex（index+1）；
};
返回(
返回
下一个
);
}