Как заменить свойство объекта внутри объекта state?

Question

[myskypesla]

Есть компонент и внутри него:

this.state = {
sms: {
code: null,
startTime: 60,
disabled: false,
},
};

Мне необходимо изменить только значение disabled внутри объекта sms

Делаю так:

someFunction = () => {
this.setState({...this.state.sms, disabled: true});
}

И происходит полная перезапись объекта sms

Вопрос: как изменить только значение disabled?

Answer 1

[Кирилл Матросов]

Надо переписать объект sms

someFunction = () => {
      const {sms} = this.state;
      sms.disabled = true;
      this.setState({sms});
}

Таким образом вы обновите поле disabled в sms
--------
Или еще так

someFunction = () => {
      this.setState({sms: {...this.state.sms, disabled: true}});
}

--------
еще так можно

someFunction = () => {
      this.setState(prevState=>({sms: {...prevState.sms, disabled: true}}));
}

Последний вариант самый устойчивый к коллизиям, связанным с изменением стейта в других места программы

Comments

[myskypesla]

Кирилл Матросов большое спасибо Кирилл. Работает естественно!