Как useState сохраняет предыдущее состояние

useState сохраняет предыдущее состояние благодаря механизму замыканий в JavaScript. При вызове useState React создает переменную в памяти компонента, которая сохраняется между рендерами. При обновлении состояния через setState React запоминает новое значение и планирует перерисовку, сохраняя предыдущее состояние до завершения рендера.

Пример:

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

const increment = () => {
  setCount(prevCount => prevCount + 1); // prevCount - предыдущее значение
};

Особенности:

• Состояние сохраняется даже при ререндерах.
• Функциональное обновление (prev => newState) гарантирует актуальность, если обновления асинхронны.
• Каждый вызов useState создает независимое состояние.