En esta pregunta Reaccionar actualizaciones por lotes para múltiples llamadas setState() dentro del gancho useEffect Hay un fragmento publicado en cuestión Intento replicar lo mismo con el código sandbox pero obtuve demasiados renderizados que pregunta No sé el motivo
Adjunto el enlace de sandbox de código y el fragmento de JavaScript, ambos funcionan de manera diferente
reaccionar actualización por lotes Código Sandbox enlace
function App() { console.log('Rendering app...'); const [myState,setMyState] = React.useState(0); const [booleanState, setBooleanState] = React.useState(false); console.log('myState: ' + myState); console.log('booleanState: ' + booleanState); React.useEffect(()=>{ console.log('Inside useEffect...'); setMyState(1); setMyState((prevState) => prevState +1); setMyState(3); setMyState(4); setMyState(5); setBooleanState(true); },[]); return( <div>App - Check out my console!</div> ); } ReactDOM.render(<App/>, document.getElementById('root')); <script src="https://cdnjs.cloudflare.com/ajax/libs/react/16.8.3/umd/react.production.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/react-dom/16.8.3/umd/react-dom.production.min.js"></script> <div id="root"/>