Не сразу обновляется useState?

Question

[Денис Соколов]

у меня проблема в том что когда я нажимаю на кнопку у меня проходит валидация инпутов и когда валидация не проходит у меня в useState записывается ошибка и после этого мне нужно узнать сколько ошибок. Но при первом клике у меня выдает что 0 ошибок хотя на странице отображаются ошибки а если кликаю второй раз то пишет все нормально

function addFilmHandler() {
    Object.keys(form).forEach((key) => setErrors((state) => ({ ...state, [key]: validateField(key, form[key]) })));
    console.log(Object.keys(errors).filter((key) => errors[key]).length);
 }

Comments

[WbICHA]

set асинхронен.

[WbICHA]

А вообще: https://qna.habr.com/q/1097528

[Александр Смирнов]

Обновление state в цикле выглядит очень странным

Answer 1

[Владимир]

В этом обработчике ты изменения стейта не увидишь.
Если тебе нужно посмотреть изменения в console.log, то вызывай его в useEffect
https://reactjs.org/docs/hooks-reference.html#usestate