Чтобы обновить значение ключа объекта в состоянии с помощью React, вы можете использовать несколько подходов. Вот некоторые часто используемые методы:
-
Использование оператора распространения:
this.setState(prevState => ({ myObject: { ...prevState.myObject, keyToUpdate: newValue } })); -
Использование
Object.assign():this.setState(prevState => ({ myObject: Object.assign({}, prevState.myObject, { keyToUpdate: newValue }) })); -
Использование
Object.assign()с оператором распространения:this.setState(prevState => ({ myObject: { ...Object.assign({}, prevState.myObject, { keyToUpdate: newValue }) } })); -
Использование синтаксиса имени вычисляемого свойства ES6:
this.setState(prevState => ({ myObject: { ...prevState.myObject, } }));
Эти методы позволяют обновлять определенный ключ внутри объекта в состоянии без изменения исходного состояния. Не забудьте заменить myObjectименем вашего объекта состояния, keyToUpdateключом, который вы хотите обновить, и newValueжелаемым новым значением.