当初始状态是一个对象时，如何更新状态

Question

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

    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)

Answer 1

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

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

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

另请参阅：

• 我应该使用一个或多个状态变量吗？