Функция изменения UseState синхронная или асинхронная

Функция обновления состояния useState в React работает асинхронно. React собирает все обновления состояния и применяет их в рамках следующего рендера для оптимизации производительности.

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

const handleClick = () => {
  setCount(count + 1);
  console.log(count); // Здесь будет старое значение
};

Если нужно выполнить код после обновления состояния, используйте useEffect:

useEffect(() => {
  console.log(count); // Новое значение после рендера
}, [count]);

Для последовательных обновлений используйте функцию-обновление:

setCount(prevCount => prevCount + 1);