В React для обновления состояния с учётом предыдущего значения часто используют функцию в setState или в хукe useState.

Кроме классического варианта:

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

есть и другие способы обновления, например:

Использование функции обновления в функциональных компонентах с хуком useState:

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

setCount(prevCount => prevCount + 1);

В useReducer можно обновлять state через редьюсер, который получает текущее состояние и действие:

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' });

В классах можно использовать коллбек в setState для доступа к предыдущему состоянию:

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

Таким образом, обновление через функцию с предыдущим значением — это стандартный и рекомендуемый способ, особенно когда новое состояние зависит от старого, чтобы избежать проблем с асинхронностью обновлений.

Как ещё можно обновлять state в React (через функцию с предыдущим значением)?