Как обновить State, когда initialState является объектом

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}))

Однако, если значения в значительной степени независимы, может оказаться более полезным иметь отдельные состояния.

См. Также:

• Должен ли я использовать одну или несколько переменных состояния?