为什么 useState 不能正常工作，或者我错过了如此明显的东西？

Question

我是 React 新手，刚刚阅读了有关 useState 的文档。所以我开始在操场上尝试它，但看起来它不起作用。当我尝试记录临时值时，它是空的。示例如下：

Answer 1

阅读 useEffect 挂钩以打印状态值。 setState 是异步的。如果你想打印新的 temp 值，你将需要使用 useEffect 钩子并在 useEffect 上放置一个依赖项 temp。因此，每当 temp 更改 useEffect 时都会运行回调。

更多信息：https://reactjs.org/docs/hooks-effect.html

import React, {useState, useEffect} from 'react';

export function App(props) {
  const [temp, setTemp] = useState('')

  const handleClick = () => {
    setTemp('Value changes')
 
  }

  useEffect(() => {
    console.log("Temp val is ",temp)
  }, [temp])

  return (
    <div className='App'>
      <h1>Hello React.</h1>
      <h2 onClick={()=> handleClick()}>Should set temp after clicking here </h2>
      <h2>Start editing to see some magic happen!</h2>
    </div>
  );
}

// Log to console
console.log('Hello console')

https://playcode.io/893227

为什么 useState 不能正常工作，或者我错过了如此明显的东西？

Why is useState not working correctly or am I missing something so Obvious?

reactjs

use-state