React 功能组件访问整个状态

Question

在经典组件中，整个状态可作为单个对象 this.state = {} 使用，我想知道是否有类似的方法可以访问功能组件中的状态？您可以通过变量名称访问各个属性，但我想知道是否有一种方法可以立即访问所有属性，就好像它们存储在一个总体对象中一样，类似于类组件。

Answer 1

不，您无法访问包含您通过 useState 设置的所有状态成员的统一状态对象。

如果您愿意，您可以将所有组件状态存储在单个对象中（这甚至在 useState 文档 在谈论回调更新时）。例如：

const [state, setState] = useState({
    name: "",
    profession: "",
    age: null,
    // ...
});

要更新任何单个状态成员，您必须自己处理创建整个新对象（useState 中的状态设置器不会进行 Component.prototype.setState 的合并> 确实）。例如，设置年龄：

setState(state => ({
    ...state,
    age: 42,
}));

使用回调形式非常重要（根据现有状态设置状态时总是如此）。

但除非您这样做，否则您无法访问任何单个对象。