为什么 React useState 返回 const 数组答案

【问题标题】：Why React useState return const array为什么 React useState 返回 const 数组
【发布时间】：2019-08-08 10:36:16
【问题描述】：

我目前正在学习 React 和 React hook。一个使用useState的经典例子如下：

const [count, setCount] = useState(0);

我的问题是为什么返回的数组是 const？我认为至少 count 的值会随着时间而改变。

【问题讨论】：

Javascript object bracket notation ({ Navigation } =) on left side of assign 和 What is destructuring assignment and its uses? 的可能重复
What is destructuring assignment and its uses?的可能重复
你不应该改变状态。为了正确更新您的值，您应该使用setCount() 来更新count 的值。我相信您可以使用let 或var 对其进行解构，但使用const 有助于防止突变。

【解决方案1】：

useState 返回的值不是 const 数组，而只是用户决定声明为const 的数组。将上述视为

const stateValue = useState(0);
const count = stateValue[0];
const setCount = stateValue[1];

简而言之，语法const [count, setCount] = useState(0); 是Array destructuring syntax。

不是它被声明为const，因为您没有将count 或setCount 重新分配给代码中的其他内容，而只是使用setCount 方法来更新状态计数。

React 作者决定返回一个包含 state value 和 state setter 的数组，以便您可以随意命名，而不是在解构时使用预先确定的名称。

【讨论】：