Как сделать выполнения console.log лишь после того как данные записались?

Question

[DeniSidorenko]

Привет есть такой код

const [data, setData] = useState({
    email: "",
    password: "",
    passwordCheck: "",
    phone: "",
    username: "",
    address: ""
  })

const onChangeHandler = (event) => {
    setData({...data, [event.target.name]: event.target.value})
    console.log(data)
  }

<label>E-mail*</label>
            <input type="email" onChange={onChangeHandler} defaultValue={data.email} name="email"/>
            <div className="form-error"></div>

При вводе в input данные сохраняются в state. НО console.log(data) показывает с опозданием в одно действия( Хотя стоит после setData) к примеру если я напишу в input Test то console.log покажет что в state лишь Tes
И за чего такая ошибка или где можно выполнить console.log лишь после обновления state. Важно для валидации

Comments

[ParaBellum577]

useEffect(() => {
console.log(data)
}, [data])

Answer 1

[Pavel Shvedov]

В useEffect