/
githubmirror
/
react-hook-form
Обзор
Документация
Войти
/
githubmirror
/
react-hook-form
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
master
app/src/defaultValues.tsx
51 строка
1 KB
Beier (Bill)
⚡ feat: `createFormControl` and `subscribe` function (#11522)
12 янв 2025, 00:43
Не верифицирован
12 янв 2025, 00:43
7f95b26
Код
Авторство
О чём код?
import React from 'react'; import { useForm } from 'react-hook-form'; function DefaultValues() { const { register } = useForm<{ test: string; test1: { firstName: string; lastName: string[]; deep: { nest: string; }; }; checkbox: string[]; }>({ defaultValues: { test: 'test', checkbox: ['1', '2'], test1: { firstName: 'firstName', lastName: ['lastName0', 'lastName1'], deep: { nest: 'nest', }, }, }, }); const [show, setShow] = React.useState(true); return ( <> {show ? ( <form> <input {...register('test')} /> <input {...register('test1.firstName')} /> <input {...register('test1.deep.nest')} /> <input {...register('test1.deep.nest')} /> <input {...register('test1.lastName.0')} /> <input {...register('test1.lastName.1')} /> <input type="checkbox" value={'1'} {...register('checkbox')} /> <input type="checkbox" value={'2'} {...register('checkbox')} /> </form> ) : null} <button type={'button'} id={'toggle'} onClick={() => setShow(!show)}> toggle </button> </> ); } export default DefaultValues;