如何解决根据状态更改超时长度
尝试根据状态更改超时的长度,但是,它消耗的是初始状态而不是更改后的状态。代码如下:
const [animate,setAnimate] = useState({ start: false,finished: false,position: false });
const [rollType,setRollType] = useState(0);
const returnType = (type) => {
console.log(type)
if (type === 0) return 9000;
else if (type === 1) return 19000;
else if (type === 2) return 9000;
else if (type === 3) return 14000;
else if (type === 4) return 18000;
else if (type === 5) return 9000;
else return false;
}
const animateRoll = useCallback(() => {
setRollType(Math.floor(Math.random() * 5));
setTimeout(() => {
setAnimate({ ...animate,start: true,position: true })
setTimeout(() => {
setAnimate({ start: true,finished: true,position: true })
setTimeout(() => {
setAnimate({ ...animate,start: false,position: false })
},3000)
},returnType(rollType))
},2000)
},[animate,rollType,returnType])
问题是 returnType 函数返回 0 而不是更改的状态,并且在不同的动画类型上不会产生更长的超时时间。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。