React 状态，使用 const 设置状态

Question

大多数情况下，我在文档和其他代码中看到他们编写的设置钩子，如下图所示：

其中他们通过调用 setCount 来更改计数值。我的问题是，既然 count 是用const关键字声明的，那么它在每个 setCount 上如何变化？

Answer 1

重新渲染时，您将获得一个新变量。setCount在内部更改值并将更改与组件的生命周期联系起来。当渲染发生时，您会count完全获得一个新变量，这与执行count = 9. 请记住，组件只是被调用的函数。与任何其他函数一样，每次调用它时，您都会获得一组全新的作用域变量。

useState返回一个带有值和函数的数组，[9, () => {}]。所做const [count, setCount]的就是解构该数组。