Как получить previous state?

React может выполнять обновления состояния асинхронно, поэтому прямое использование старого значения иногда приводит к ошибкам.

Определение:
Функция-обновитель (updater function) — это функция, которая принимает предыдущее состояние и возвращает новое.

Пример

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

setCount(prev => prev + 1);

Почему это важно

1. Обновления могут объединяться.

2. Значение state может устареть.

3. Функция гарантирует актуальное значение.

Пример ошибки

setCount(count + 1);
setCount(count + 1);

Оба вызова могут использовать одно и то же значение.

Вывод

Функция-обновитель — это надежный способ работать с предыдущим состоянием и избегать ошибок при асинхронных обновлениях.