V
используй debounce
Size: a a a
2020 November 04
PW
а вообще я просто хз как данные взять из инпутов по другому xD
S
используй debounce
да тут даже не в этом суть, можно на сабмите ловить данные уже без стейта
PW
ну чтобы не писать там getElement...
V
да тут даже не в этом суть, можно на сабмите ловить данные уже без стейта
так тоже можно, валидировать при сабмите , но если нужно сделать валидацию после ввода данных , то нужен debounce
V
ну чтобы не писать там getElement...
если в проекте будет много форм, то советую почитать о formik
S
так тоже можно, валидировать при сабмите , но если нужно сделать валидацию после ввода данных , то нужен debounce
я просто на последнем скриншоте увидел что валидация на сабмите
PW
я просто на последнем скриншоте увидел что валидация на сабмите
да
V
очень удобна штука в связке с yup
S
если в проекте будет много форм, то советую почитать о formik
react-hook-form
V
react-hook-form
ну тут на вкус и цвет :)
PW
та мне пока без сторонних либ надо
S
ну тут на вкус и цвет :)
согласен, но не могу не упомянуть
S
ну чтобы не писать там getElement...
const { username, email } = e.target.elementsпо айдишникам инпутов можно
потом
username.value и email.valueV
та мне пока без сторонних либ надо
Если тебе нужна валидация формы на сабмите, то все проверки надо делать при отправке формы, если после ввода каждого инпута, то debounce
PW
та я понял уже, спачибо
V
const [formData, setFormData] = useState({
email:'',
password:''
})
const inputHandler = (e) => {
setFormData({
...formData,
[e.target.name]: e.target.value
})
}
email:'',
password:''
})
const inputHandler = (e) => {
setFormData({
...formData,
[e.target.name]: e.target.value
})
}
V
вот тебе универсальный обработчик формы
V
все сохранил в formData, далее валидируй его как хочешь
PW
это мощно
как раз было интересно бест практисы по этому)
как раз было интересно бест практисы по этому)