增加 const onClick 但首先调用不起作用

Question

我想增加一个计数器，它可以工作，但在第一次调用时不起作用...

        const [count, setCount] = useState(0)
          function handleClick(){
            setCount(count+5)
            console.log(count)
          }

当我第一次调用该函数时，它应该直接显示“5”，因为我在之后编写了console.log增加，但在第一次调用时，它显示 0...（第二次单击）后显示 5...我不明白

Answer 1

正确，这是因为更新尚未在此渲染中应用。您正在更新状态值并尝试在一次渲染中访问相同的值，这是行不通的。 另请参阅此答案。

如果您希望根据状态的新值执行某些操作，可以使用useEffect 挂钩。

const [count, setCount] = useState(0)
function handleClick(){
   setCount(count+5)
}
useEffect(() => {
   console.log(count)
}, [count])