如何在超时函数中获取更新的 useState（） 值？

Question

我目前正在尝试将最新更新获取到超时函数中。这意味着我想更新到而不必使用类似钩子的东西。c1useRefconst [c, s] = useState<number>(0)    const f = () => {        s(1)        setTimeout(() => console.log(c), 600)    }    return (        <div            style={{ width: '100%', height: '100%', backgroundColor: 'black' }}            onMouseEnter={f}        >            test        </div>    )

Answer 1

如果没有引用，您可以尝试使用Effect hook：

const [c, setC] = useState<number>(0);

useEffect(() => {

  setTimeout(() => {

    console.log(c);

  }, 600);

}, [c]);

const f = () => {

  setC(1);

};

return <div onMouseEnter={f}>test</div>;