How to properly overwrite state value?

Question

JavaScript

Hello,
here is my state:

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

this is how I try to change the state:

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

and as a result I get Syntax error:

Please tell me what I'm doing wrong.

Answer 1

You need to get your object, change the field and send back in setState
1) via object cloning

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

2) through the spread operator

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