Tengo una variable de objeto dentro del estado de mi aplicación de reacción. Lo inicializo con la estructura que quiero que tenga el objeto. Tarde estoy tratando de actualizar ese objeto usando la función setState. Mi problema es que no puedo hacer que actualice nada dentro del estado. La forma en que mi código se ve actualmente es:
// the initial state var initialState = { object: { foo: '', bar: 0, array: [<an array of objects>] } }; // in componentDidMount this.state = initialState; // updating the object that is within the state (also in componentDidMount) let object = { foo: 'Value', bar: 90, array: [<a populated array of objects>] }; this.setState(prevState => ({ ...prevState.object, ...object })); console.log(this.state.object); // returns the object defined in initial stateRealmente no estoy seguro de cómo solucionar este problema. También he estado probando algunos otros métodos (especialmente los que se describen en esta publicación: Actualización de un objeto con setState en React) No he probado todos los métodos descritos en esa publicación, pero los que he estado probando no han funcionado y me imagino que esto significa que es un error que no tiene nada que ver con el método que estoy usando. Cualquier idea sobre este problema sería muy apreciada. Traté de hacer este código lo más conciso posible, pero si desea ver el código exacto que estoy usando (que es más o menos esto pero más) solo pregunte.
React.setState es una cola reservada, por lo que nunca se llama a la lujuria debajo de la línea de this.setState() .
Entonces, el punto de registro adecuado es este.
this.setState((prevState) => { console.log('logging state: ', prevState) return { ...prevState.object, ...object }) )}