React Hooks Cheat Sheet/useState updater function

Update based on previous state safely.

Section: State Hooks

useState updater function

tsx
tsx
setCount(prev => prev + 1);
Explanation

Prefer the updater form when the next state depends on the previous state.

Learn the surrounding workflow

Compare similar commands or jump into common fixes when this command is part of a bigger troubleshooting path.

Related commands

Same sheet · prioritizing State Hooks
useState basic state
Create local component state.
OpenIn sheettsxsame section
useState lazy initializer
Compute expensive initial state once.
OpenIn sheettsxsame section
Reset component state
Reset state back to initial values.
OpenIn sheettsxsame section
useReducer basic reducer
Manage more structured state transitions.
OpenIn sheettsxsame section
useReducer with init function
Lazily derive reducer state.
OpenIn sheettsxsame section
useEffect after render
Run side effects after React commits updates.
OpenIn sheettsx2 tag match