gpt4 book ai didi

javascript - 在 onClick 处理程序中设置 useState 时出现问题

转载 作者:行者123 更新时间:2023-11-30 19:09:53 25 4
gpt4 key购买 nike

<分区>

我在 onClick 处理程序中使用 useState Hook 来更改和跟踪 focus 状态。我最初将其设置为 false,然后在处理程序中多次将其更改为 truefalse。每次更改后,我都会执行 console.log(focus) 并且我希望它与所做的更改相关。

    function App() {
const [focus, setFocus] = useState(false);

return (
<div
className="App"
onClick={() => {
console.log(focus);
setFocus(true);
console.log(focus);
setFocus(false);
console.log(focus);
}}
>
<h1>App</h1>
</div>
);
}

就我而言,在此代码片段中,我希望在控制台中看到 falsetrue,然后再次看到 false,但我看到了所有这些都是 false

为什么会这样?我觉得我在这里遗漏了一些非常基本的东西。

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com