React中useState为何返回数组？技术设计合理性问询

1. 自定义命名的灵活性 #

数组解构允许你给状态和更新函数起任意有意义的名字，完全不受固定键名限制。比如：

// 数组解构：自定义命名，直观清晰
const [count, setCount] = useState(0);
const [username, setUsername] = useState('');

如果换成对象返回，要么只能用重复的固定键名（比如state和setState），要么就得写繁琐的重命名逻辑：

// 对象解构：重命名写法冗余
const { state: count, setState: setCount } = useState(0);
const { state: username, setState: setUsername } = useState('');

这种灵活性在组件需要多个独立状态时，能大幅提升代码可读性。

2. 契合Hooks的调用机制 #

React是通过调用顺序来追踪每个Hooks状态的。useState返回数组时，内部只需按顺序返回当前状态值和对应更新函数即可，逻辑直接——第一个useState调用返回第一组状态对，第二个调用返回第二组，以此类推。

如果用对象返回，React需要额外处理键名与内部状态的映射，会增加实现复杂度，甚至可能和Hooks「必须按固定顺序调用」的规则冲突。

3. 语法更轻量简洁 #

从语法层面看，数组解构的写法比对象解构更紧凑。尤其是声明多个状态时，数组解构一行就能完成一个状态的初始化，而对象解构的重命名写法会增加不必要的冗余字符。

早期Hooks提案确实考虑过对象返回的形式，但最终团队选择数组，很大程度是因为它在实际开发中的写法更简洁、更贴合开发者的使用习惯。

内容的提问来源于stack exchange，提问作者Ekrem