¿Cómo podemos acceder a estados actualizados en la misma función?
state = { a: 1, b: 2, }; updateState = () => { const { a, b } = this.state; console.log("previous a", a); console.log("previous b", b); this.setState({ a: b, b: 3 }); console.log("New a", a); <-- getting previous value here console.log("New b", b); <-- getting previous value here };¿Es posible obtener un nuevo valor en la misma función?
async y await no funcionan aquí. El método de función donde aplicamos la función como un segundo parámetro para el estado establecido no funciona para toda la aplicación.
por favor no marque esta pregunta.
Podría usar la devolución de llamada de this.setState de esta manera:
state = { a: 1, b: 2, }; updateState = () => { const { a, b } = this.state; console.log("previous a", a); console.log("previous b", b); this.setState({ a: b, b: 3 }, () => { console.log("New a", this.state.a); console.log("New b", this.state.b); }); }; EDITAR para imprimir nuevos valores de estado, también podría usar componentDidUpdate de esta manera:
componentDidUpdate(prevProps, prevState) { if (prevState.a !== this.state.a) { console.log("New a", this.state.a); } if (prevState.b !== this.state.b) { console.log("New b", this.state.b); } }está utilizando una variable constante local cuyo valor no cambia. así que si desea usar el valor actualizado, use this.state.a y this.state.b para el valor respectivo.
state = { a: 1, b: 2, }; updateState = () => { const { a, b } = this.state; console.log("previous a", a); console.log("previous b", b); this.setState({ a: b, b: 3 }); console.log("New a", a); <-- getting previous value here // problem is here console.log("New b", b); <-- getting previous value here // problem is here //replace above code with below code console.log("New a", this.state.a); //replace with this code. console.log("New b", this.state.b); //replace with this code };