Как правильно перезаписать значение state?

Question

[sharkdest]

Вот мой state:

this.state = {
...
 checkboxes: {
   a: true,
   b: true
 }
};

так я пытаюсь изменить state:

...
this.setState({
 checkboxes[e.target.value]= !state
});

и в итоге получаю Syntax error:


Подскажите, пожалуйста, что я делаю не так.

Answer 1

[Владимир Проскурин]

Вам нужно получить ваш объект, изменить поле и отослать обратно в setState

1) через клонирование объекта

let checkboxes= Object.assign({}, this.state.checkboxes); // Создаем копию, можно просто ссылку взять, но копию безопаснее
checkboxes[e.target.value] = false; // изменяем поле
this.setState({checkboxes}); // Сохраняем

2) через оператор spread

this.setState({
    checkboxes: {
          ...this.state.checkboxes,
          [e.target.value]: false // измененное поле объекта checkboxes
    }
})

Comments

[Mikhail Osher]

Тогда уже бы написать

this.setState(state => ({
  checkboxes: {
    ...state.checkboxes,
    [key]: value,
  }
});