如何在React中创建基本的轮播?

时间:2019-02-08 00:50:59

标签: javascript arrays reactjs carousel

我想用幻灯片动画创建基本的轮播。我最大的问题是下一个和上一个按钮的处理程序的逻辑。

我现在正在努力如何不滑动整个轮播,而仅根据单击的按钮将元素滑动到下一个/上一个。

这是我通过基本CRA实现的目标:

https://codesandbox.io/s/yjq2w11k6x

正如我所说,我想实现带有箭头的旋转木马。单击下一步时,将第一个元素添加到数组中,并从开始处删除一个元素。现在我的整个容器也被翻译了。我只想移动图片。我要实现的示例:

https://codesandbox.io/s/lp602ljjj7

但是在最后一张幻灯片上,我希望有箭头并能够从头开始显示幻灯片

0 个答案:

没有答案