/
githubmirror
/
react-hook-form
Обзор
Документация
Войти
/
githubmirror
/
react-hook-form
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
master
examples/V7/nativeMultipleInput.tsx
42 строки
1010 B
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'; export default function App() { const { register, formState: { errors }, handleSubmit, } = useForm<{ email: string[]; }>({ defaultValues: { email: ['first@react.hook.form', 'last@react.hook.form'], }, }); const onSubmit = handleSubmit<{ email: string }>((data) => { alert(JSON.stringify(data)); }); return ( <form onSubmit={onSubmit}> <label>Native Multiple Input</label> <input multiple type="email" name="email" list="email" ref={register({ required: 'This is required.' })} /> <datalist id="email"> <option value="first@react.hook.form" /> <option value="second@react.hook.form" /> <option value="third@react.hook.form" /> <option value="last@react.hook.form" /> </datalist> {errors?.email && <p>{errors.email.message}</p>} <input type="submit" /> </form> ); }