n
Перепиши чтобы handleOnChange вызывался в хэндлере по клику на "Сохранить".
Size: a a a
2021 January 07
В
а на инпуты что ставить
p
дичь какой-то происходит
p
создай стейт для инпутов, и при клике на сохранить вызови функцию где передаешь стейты инпутов
n
а на инпуты что ставить
Заведи стейт какой-то локальный который будет значения эти хранить и меняй его в хендлерах инпутов
В
const handleOnChange = (e: {
target: { name: string; value: string }
}): void => {
setTeacher({
...teacher,
[e.target.name]: e.target.value
})
} тут
target: { name: string; value: string }
}): void => {
setTeacher({
...teacher,
[e.target.name]: e.target.value
})
} тут
так это оно и есть
PD
ну так а чем тебе мешает то что оно сетится мгновенно? иначе ведь не будет видно что пользователь ввел в инпут. А при нажатии на Сохранить поля из стейта должны собираться и куда-нибудь сохраняться
В
ну так а чем тебе мешает то что оно сетится мгновенно? иначе ведь не будет видно что пользователь ввел в инпут. А при нажатии на Сохранить поля из стейта должны собираться и куда-нибудь сохраняться
оно видно если ты почту вводишь
В
там появляется текст
V
ребят, привет
подскажите, почему не работает onClick={ e => e.stopPropagation() } для дочернего элемента (хотел бы отменить родительское событие клика)?
подскажите, почему не работает onClick={ e => e.stopPropagation() } для дочернего элемента (хотел бы отменить родительское событие клика)?
АР
e.preventDefault()
n
const handleOnChange = (e: {
target: { name: string; value: string }
}): void => {
setTeacher({
...teacher,
[e.target.name]: e.target.value
})
} тут
target: { name: string; value: string }
}): void => {
setTeacher({
...teacher,
[e.target.name]: e.target.value
})
} тут
SetTeacher это локальный стейт? Или он передаётся из родительского компонента?
V
e.preventDefault()
тот же результат
PD
тот же результат
родитель может быть ловит какойто другой клик, всплывший не из того где вызван stopPropagation
В
SetTeacher это локальный стейт? Или он передаётся из родительского компонента?
стейт
n
Скрин не отвечает на мой вопрос, тут просто объявление стейта, но меня интересует объявлен ли он в этом компоненте
В
Скрин не отвечает на мой вопрос, тут просто объявление стейта, но меня интересует объявлен ли он в этом компоненте
да
n
да
Окей, в компоненте используется useEffect?