反应本机图像滑块动画

Question

有4张图片。每当我交换它们时，我都希望有一个平滑的动画过渡。我如何在我当前的代码中应用它？

Click here to view the code

另请查看第二张截图。当没有图像时，我不希望左交换选项处于活动状态。但它会交换 1 个额外时间并停止。我的逻辑有什么问题？

Here is the screenshot

Answer 1

试试下面的代码：

const handleSwipeLeft = () => {
    if (activeImg < totalImage - 1) {
        setActiveImage(currActive => currActive + 1)
    }
}

长度大于索引。