Как заменить свойство объекта внутри 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]

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