How to replace object property inside state object?

Question

React

There is a component inside it:
this.state = {
sms: {
code: null,
startTime: 60,
disabled: false,
},
};
I need to change only the disabled value inside the sms
object . I do this:
someFunction = () => {
this.setState({...this.state.sms, disabled: true});
}
And there is a complete rewriting of the sms object
Question: how to change only the disabled value?

Answer 1

It is necessary to rewrite the sms object

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

This way you will update the disabled field in sms
--------
Or else like this

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

--------
still possible

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

The last option is the most resistant to collisions associated with state changes elsewhere in the program.