/
githubmirror
/
react-hook-form
Обзор
Документация
Войти
/
githubmirror
/
react-hook-form
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
master
app/src/reValidateMode.tsx
43 строки
1 KB
Bill
✨ feature: useWatch/useFormState exact prop (#6983)
14 ноя 2021, 12:14
Не верифицирован
14 ноя 2021, 12:14
2371e8b
Код
Авторство
О чём код?
import React from 'react'; import { useParams } from 'react-router-dom'; import { useForm, ValidationMode } from 'react-hook-form'; type ReValidateMode = 'onBlur' | 'onChange' | 'onSubmit' | undefined; let renderCounter = 0; const Basic: React.FC = () => { const { mode, reValidateMode } = useParams(); const { register, handleSubmit, formState: { errors }, } = useForm<{ firstName: string; lastName: string; }>({ mode: mode as keyof ValidationMode, reValidateMode: reValidateMode as keyof ReValidateMode, }); const onSubmit = () => {}; renderCounter++; return ( <form onSubmit={handleSubmit(onSubmit)}> <input {...register('firstName', { required: true })} placeholder="firstName" /> {errors.firstName && <p>firstName error</p>} <input {...register('lastName', { required: true, maxLength: 5 })} placeholder="lastName" /> {errors.lastName && <p>lastName error</p>} <button id="submit">Submit</button> <div id="renderCount">{renderCounter}</div> </form> ); }; export default Basic;