<分区>
我在 onClick 处理程序中使用 useState Hook 来更改和跟踪 focus 状态。我最初将其设置为 false，然后在处理程序中多次将其更改为 true 和 false。每次更改后，我都会执行 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>
);
}
就我而言，在此代码片段中，我希望在控制台中看到 false、true，然后再次看到 false，但我看到了所有这些都是 false。
为什么会这样？我觉得我在这里遗漏了一些非常基本的东西。