根据状态更改超时长度

问题描述

尝试根据状态更改超时的长度，但是，它消耗的是初始状态而不是更改后的状态。代码如下：

    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 (将#修改为@）