使用 useState() 挂钩时如何更新 const 变量“count”[重复]答案

【问题标题】：How does the const variable 'count' gets updated when using useState() hook [duplicate]使用 useState() 挂钩时如何更新 const 变量“count”[重复]
【发布时间】：2020-04-05 14:23:26
【问题描述】：

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>
)

这里的计数被解构为一个常量值，那么它将如何使用 setCount 改变值

【问题讨论】：

对于函数组件，该函数在每次渲染期间执行。因此，变量count 在每次渲染中创建，并使用useState 存储的先前渲染的值。
@Nisarg 您应该将其添加为答案 - 对我来说这是一个很好的问题和很好的答案

标签： javascript reactjs

【解决方案1】：

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

【讨论】：

如果我能找到，我会从官方文档中添加参考。
这里简单解释一下here和here