Как вызвать событие onChange в input в React Hook Form?
Есть форма, которая отображает ошибку, если не прошла валидация при сабмите:
const { register, handleSubmit } = useForm();
const [showError, setShowError] = useState(false);
function onSubmit(data) {
if (base.some(item => item.login === data.login && item.pass === data.pass)) {
setShowError(false);
console.log('вход');
} else {
setShowError(true);
}
}
<form onSubmit={handleSubmit(onSubmit)}>
<input
placeholder='логин'
{...register('login')}
/>
<input
placeholder='пароль'
{...register('pass')}
/>
<button
type='submit'
>Вход</button>
<button
type='button'
onClick={() => setShowEnterForm(false)}
>Отмена</button>
</form>
{
showError && <p>неверный логин или пароль</p>
}
Хочу сделать так, чтобы сообщение об ошибке исчезало, если пользователь начинает что-то вводить в любой инпут. При использовании React Hook Form перестал работать старый способ:
onChange={() => setShowError(false)}
Как это сделать?