/
githubmirror
/
react-hook-form
Обзор
Документация
Войти
/
githubmirror
/
react-hook-form
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
master
app/src/triggerValidation.tsx
47 строк
1 KB
Bill
7️⃣ V7 (#3741)
01 апр 2021, 00:14
Не верифицирован
01 апр 2021, 00:14
9555d16
Код
Авторство
О чём код?
import React from 'react'; import { useForm } from 'react-hook-form'; let renderCounter = 0; function TriggerValidation() { const { register, trigger, formState: { errors }, } = useForm<{ test: string; test1: string; test2: string; }>(); renderCounter++; return ( <> <input {...register('test', { required: true })} /> <div id="testError">{errors.test && 'required'}</div> <input {...register('test1', { required: true })} /> <div id="test1Error">{errors.test1 && 'required'}</div> <input {...register('test2', { required: true })} /> <div id="test2Error">{errors.test2 && 'required'}</div> <button id="single" type="button" onClick={() => trigger('test')}> trigger single </button> <button id="multiple" type="button" onClick={() => trigger(['test1', 'test2'])} > trigger multiple </button> <div id="renderCount">{renderCounter}</div> </> ); } export default TriggerValidation;