条件不适用于DragEnd事件

Question

我学习JS不到一年。

我正试图为拖动事件编写一个条件，以便在确定数组中的第一个也是最后一个元素并返回null me时考虑该条件。但由于某种原因，尽管没有向控制台输出错误，但该条件被忽略了。请帮忙。

功能

const onDragEnd = (e) => {
if (isActive)
if (e.clientX >= window.innerWidth / 2)
if (!cardsArray[0])
setActive(active - 1)
else return null
else if (e.clientX <= window.innerWidth / 2)
if (!cardsArray.length - 1)
setActive(active + 1)
else return null
if (isPrev)
setActive(active - 1)
else if (isNext)
setActive(active + 1)
}

组件

const cardsList = (
<motion.div
className={s.cardsList}
style={{ transform: `translateX(${active * -50}%)` }}
>
{
cardsArray.map(({ name, img, link, isDesktop }, i) => {
const isActive = i === active
const isPrev = i < active
const isNext = i > active
const handleClick = () => {
if (isActive)
history.push(link)             
if (isPrev)
setActive(active - 1)
else if (isNext)
setActive(active + 1)
}
const onDragEnd = (e) => {
if (isActive)
if (e.clientX >= window.innerWidth / 2)
if (!cardsArray[0])
setActive(active - 1)
else return null
else if (e.clientX <= window.innerWidth / 2)
if (!cardsArray.length - 1)
setActive(active + 1)
else return null
if (isPrev)
setActive(active - 1)
else if (isNext)
setActive(active + 1)
}
return (
<Card
key={i}
name={name}
img={img}
link={link}
{...{
i,
isActive,
isNext,
isPrev,
handleClick,
isDesktop,
onDragEnd
}}
/>
)
})
}
</motion.div>
)

提前感谢您的帮助！

Answer 1

好的，谢谢大家关注我的问题，
但我自己找到了解决方案：

我需要用数组中迭代器的精确指示来补充条件

i != cardsArray[0]

并且类似地在第二种情况下

i != cardsArray.length - 1

仅此而已，伙计们
我希望能帮助其他人做出自我决定