import React,{Component} from "react"; class Message extends Component{ constructor() { super() this.state={ message:0 } } changemessage() { this.setState( prevState=>({ message:prevState.message+1 } ), ()=> { console.log( 'callback value',this.state.message) } ) } sample() { this.setState( prevState=>({ message:this.state.message+1 } ), ()=> { console.log( 'callback value',this.state.message) } ) } convert() { this.changemessage() this.sample() this.changemessage() this.sample() this.changemessage() this.sample() this.changemessage() this.sample() this.changemessage() } render() { return( <div> <h1 >{this.state.message}</h1> <button onClick={()=>{this.convert()}}>Subscribe</button> </div> ) } }

Para comprender SetState, utilicé dos funciones con el estado anterior y este estado. Espero 9 como respuesta. Pero obtengo 2 como respuesta impresa en la consola 9 veces. Si uso Estado anterior en ambas funciones en lugar de este estado. mensaje en la función de muestra obtuve 9 como respuesta. Quiero saber qué sucede en segundo plano si uso así.