Какие аргументы может принимать сеттер из useState?

Question

Сеттер из useState может принимать либо новое значение, либо функцию-обновитель. Функция-обновитель получает предыдущее состояние и возвращает новое. Второй вариант нужен, когда новое состояние зависит от предыдущего. React сам решает, когда применить обновление.

YeaHub · Accepted Answer

useState возвращает текущее состояние и функцию для его обновления.ОпределениеСеттер состояния — функция, которая сообщает React, что состояние нужно обновить.Передача значенияИспользуется, когда новое состояние не зависит от старого.const [count, setCount] = useState(0);

setCount(5);
Передача функции (updater)Используется, когда новое значение зависит от предыдущего.setCount(prev => prev + 1);
Почему это важноОбновления состояния могут быть сгруппированы (batching).Значение count внутри замыкания может быть устаревшим.Updater-функция всегда получает актуальное состояние.Пример проблемы без updatersetCount(count + 1);
setCount(count + 1);
// результат может быть +1, а не +2
Правильный вариантsetCount(c => c + 1);
setCount(c => c + 1);
// гарантированно +2
ВыводСеттер useState принимает либо значение, либо функцию, и при зависимостях от предыдущего состояния всегда нужно использовать updater-функцию.