Чем отличается передача значения и callback в setState?

Question

Передача значения в setState напрямую подставляет новое состояние, а callback (функция-обновитель) вычисляет его на основе предыдущего. Callback гарантирует корректность при нескольких обновлениях подряд. Это особенно важно при асинхронных событиях и батчинге обновлений. В React hooks callback — это предпочтительный способ при зависимостях от старого состояния.

YeaHub · Accepted Answer

Хотя оба варианта обновляют состояние, они ведут себя по-разному в сложных сценариях.ОпределениеCallback в setState — функция, которая получает предыдущее состояние и возвращает новое.Передача значенияsetCount(count + 1);
Проблемаcount может быть устаревшим.Несколько вызовов могут быть объединены.Callback-вариантsetCount(prev => prev + 1);
ПреимуществаВсегда актуальное состояние.Безопасно при батчинге.Работает корректно в асинхронных колбэках.Когда использовать callbackНовое состояние зависит от предыдущего.Несколько обновлений подряд.Асинхронные события (таймеры, промисы).ВыводЕсли новое состояние зависит от старого — всегда используй callback-форму setState, она надёжнее и предсказуемее.