/
githubmirror
/
react-hook-form
Обзор
Документация
Войти
/
githubmirror
/
react-hook-form
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
master
app/src/watch.tsx
56 строк
2 KB
Bill
🐛 fix #5499 issue with controller defaultValue overwrite defaultValues at useForm (#5500)
05 июн 2021, 16:06
Не верифицирован
05 июн 2021, 16:06
99175a0
Код
Авторство
О чём код?
import React from 'react'; import { useForm } from 'react-hook-form'; const Watch: React.FC = () => { const { register, handleSubmit, watch } = useForm<{ testSingle: string; test: string[]; testObject: { firstName: string; lastName: string; }; toggle: string; }>(); const onSubmit = () => {}; const test = watch('test'); const testObject = watch('testObject'); const testSingle = watch('testSingle'); const testArray = watch(['test.0', 'test.1']); const toggle = watch('toggle'); const watchAll = watch(); return ( <form onSubmit={handleSubmit(onSubmit)}> <input {...register('testSingle')} placeholder="testSingle" /> {testSingle === 'testSingle' && ( <div id="HideTestSingle">Hide Content TestSingle</div> )} <input {...register('test.0')} placeholder="test[0]" /> <input {...register('test.1')} placeholder="test[1]" /> <div id="testData">{JSON.stringify(test)}</div> <div id="testArray">{JSON.stringify(testArray)}</div> <input {...register('testObject.firstName')} placeholder="testObject.firstName" /> <input {...register('testObject.lastName')} placeholder="testObject.lastName" /> <div id="testObject">{JSON.stringify(testObject)}</div> <input type="checkbox" {...register('toggle')} /> {toggle && <div id="hideContent">Hide Content</div>} <div id="watchAll">{JSON.stringify(watchAll)}</div> <button>Submit</button> </form> ); }; export default Watch;