使用 useState() 钩子时如何更新 const 变量'count'

Question

const [count, setCount] = useState(0);
const countHandler = () => {
setCount(prevCount => prevCount + 1)
}
return (
<div className={styles.testclass}>
<h2>Count Value {count}</h2>
<button onClick={countHandler}>Update Count</button>
</div>
)

这里 count 被解构为常量值，那么它将如何使用 setCount 更改值

Answer 1

对于函数组件，该函数在每次渲染期间执行。因此，变量count在每个渲染中创建，其中包含useState存储的先前渲染中的值。