Cuando se hace la llamada a `setUser` de esta forma: const cambiarUser = (_campo: string, _valor: any) => { setUser({ ...user, [_campo]: _valor }); } function handler(){ cambiarUser("num_seguidores", user.num_seguidores + 1); } ReactJS toma la última captura en `scope` para el estado `user`: { nombre: "Luis", num_seguidores: 0, siguiendo: false } Se actualiza el estado para `num_seguidores` y reactJS devuelve el componente. Hasta aquí afirmamos nuestro conocimiento de la devolución de componentes, despues de actualizar un estado: {nombre: "Luis", num_seguidores: 1, siguiendo: false} ***** <h3>La captura de user no ha cambiado, ReactJS aún no devuelve</h3> Pero, cuando se hace la llamada a `setUser` en multiples ocaciones dentro del mismo scope, JS no espera a que el primer `cambiarUser->setUser`(operación asincrónica) regrese de la lista de tareas con el state `user` actualizado (nueva captura), para luego ejecutar el siguiente `cambiarUser->setUser`y así sucesivamente... **No**, JS continua su ejecución: function handler(){ cambiarUser("num_seguidores", user.num_seguidores + 1); //JS : aun no regreso, continuo cambiarUser("nombre", "Luiss"); //JS: aun no regreso continuo cambiarUser("siguiendo", true); //JS: ya no hay nada, regresa funcion handler al call stack } Entonces, `ReactJS` va a aplicar el cambio de estado para la última llamada de `cambiaUser->setUser`, nótese que hasta este punto el estado `user` no ha cambiado, **la captura de `user` sigue siendo la misma que al inicio de la `App`, JS sigue en el mismo scope y ReactJS aún no devuelve** aquí: cambiarUser("siguiendo", true); //JS: esto es lo que tengo capturado en memoria para user, pues no he devuelto //user = {nombre: "Luis", num_seguidores: 0, siguiendo: false} const cambiarUser = (_campo: string, _valor: any) => { setUser({ ...user, [_campo]: _valor //siguiendo: true }); } Por lo tanto, como resultado se obtiene: {nombre: "Luis", num_seguidores: 0, siguiendo: true} ***** <h3>functional Updates</h3> Una forma de hacer que este diseño, con propiedad computada ES6 funcione, es usando el hook `useState` en su version callback para [functional updates](https://reactjs.org/docs/hooks-reference.html#functional-updates), el cual nos permite obtener la captura del estado previo, modificar y regresar su nuevo estado para llamadas consecutivas al setter `setState` . Para regresar el nuevo estado, dado que es un objeto, se usa el operador elipsis. Dejo una demostración: <!-- begin snippet: js hide: false console: true babel: true --> <!-- language: lang-js --> function App(){ const [state,setState] = React.useState({nombre: "Luis", num_seguidores: 0, siguiendo: false}) const cambiarUser = (_campo, _valor) => { //version callback del setter de useState setState(prevState => { return {...prevState, [_campo]: _valor} }) } function handler(){ cambiarUser("num_seguidores", state.num_seguidores + 1); cambiarUser("nombre", "Luiss"); cambiarUser("siguiendo", true); } console.log("state is", state) return <button onClick={handler}>Click me</button> } ReactDOM.render(<App/>, document.getElementById('root')) <!-- language: lang-html --> <script src="https://unpkg.com/react@17/umd/react.development.js" crossorigin ></script> <script src="https://unpkg.com/react-dom@17/umd/react-dom.development.js" crossorigin ></script> <div id="root"></div> <!-- end snippet --> Nota: en la documentación de reactJS se recomienda usar el hook `useReducer` para casos de este típo; dejo la demostración para que quede documentado: <!-- begin snippet: js hide: false console: true babel: true --> <!-- language: lang-js --> function App(){ //version callback de reducer para useReducer const [state, setState] = React.useReducer( (state, newState) => ({...state, ...newState}), {nombre: "Luis", num_seguidores: 0, siguiendo: false} ); const cambiarUser = (_campo, _valor) => { setState({ [_campo]: _valor }) } function handler(){ cambiarUser("num_seguidores", state.num_seguidores + 1); cambiarUser("nombre", "Luiss"); cambiarUser("siguiendo", true); } console.log("state is", state) return <button onClick={handler}>Click me</button> } ReactDOM.render(<App/>, document.getElementById('root')) <!-- language: lang-html --> <script src="https://unpkg.com/react@17/umd/react.development.js" crossorigin ></script> <script src="https://unpkg.com/react-dom@17/umd/react-dom.development.js" crossorigin ></script> <div id="root"></div> <!-- end snippet --> Espero que esta respuesta sea de ayuda.