如何解决条件不适用于 DragEnd 事件
我学 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>
)
预先感谢您的帮助!
解决方法
好的,谢谢大家关注我的问题,
但我自己找到了解决方案:
我需要用数组中迭代器的精确指示来补充条件
i != cardsArray[0]
第二种情况类似
i != cardsArray.length - 1
就是这样,伙计们!
我希望能帮助别人做出自己的决定
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。