当initialState是一个对象时如何更新状态答案

【问题标题】：How to update State when initialState is an object当initialState是一个对象时如何更新状态
【发布时间】：2019-06-18 20:15:53
【问题描述】：

我正在尝试使用钩子更新我的应用程序的状态，但我无法弄清楚如何访问其中的每一个以在完成时使其成为现实。

    const [stepCompleted, setStepCompleted] = useState({
        stepOne: false,
        stepTwo: false,
        stepThree: false,
        stepFour: false,
        stepFive: false,
        stepSix: false,
        stepSeven: false,
        stepEight: false,
    });

这没有奏效：

setStepCompleted.stepOne(true)

------------------------------

setStepCompleted(stepOne = true)

【问题讨论】：

标签： reactjs object react-hooks

【解决方案1】：

您可以将一个函数传递给更新程序，以获取当前状态并将其与新状态合并：

setStepCompleted(state => ({...state, stepOne: true}))

但是，如果值在很大程度上是独立的，则具有单独的状态可能更有用。

另见：

Should I use one or many state variables?

【讨论】：