¿Cómo más se puede actualizar el estado en React (a través de una función con el valor anterior)?

En React, para actualizar el estado teniendo en cuenta el valor previo, a menudo se utiliza una función en setState o en el hook useState.

Además de la opción clásica:

setState(prevState => ({ count: prevState.count + 1 }));

existen otras formas de actualizar, por ejemplo:

• Uso de la función de actualización en componentes funcionales con el hook useState:

const [count, setCount] = useState(0);

setCount(prevCount => prevCount + 1);

• En useReducer, se puede actualizar el estado a través de un reductor que recibe el estado actual y la acción:

function reducer(state, action) {
  switch(action.type) {
    case 'increment':
      return { count: state.count + 1 };
    default:
      return state;
  }
}

const [state, dispatch] = useReducer(reducer, { count: 0 });
dispatch({ type: 'increment' });

• En clases, se puede usar un callback en setState para acceder al estado previo:

this.setState((prevState) => ({ count: prevState.count + 1 }));

Por lo tanto, actualizar mediante una función con el valor previo es un método estándar y recomendable, especialmente cuando el nuevo estado depende del anterior, para evitar problemas con la asincronía de las actualizaciones.