/
githubmirror
/
react-hook-form
Обзор
Документация
Войти
/
githubmirror
/
react-hook-form
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
master
examples/V6/initalFormState.tsx
53 строки
1 KB
Bill
🌐 prettier the entire code base (#5118)
10 май 2021, 10:18
Не верифицирован
10 май 2021, 10:18
10fe39d
Код
Авторство
О чём код?
import React from 'react'; import ReactDOM from 'react-dom'; import { useForm } from 'react-hook-form'; import './styles.css'; const defaultValues = { firstName: 'bill', lastName: 'luo', email: 'bluebill1049@hotmail.com', }; function App() { const { register, handleSubmit } = useForm(); // or you can set up the defaultValues at useForm // const { register, handleSubmit } = useForm({ // defaultValues, // }); const onSubmit = (data) => { alert(JSON.stringify(data)); }; return ( <form onSubmit={handleSubmit(onSubmit)}> <label htmlFor="firstName">First Name</label> <input defaultValue={defaultValues.firstName} name="firstName" placeholder="bill" ref={register} /> <label htmlFor="lastName">Last Name</label> <input defaultValue={defaultValues.lastName} name="lastName" placeholder="luo" ref={register} /> <label htmlFor="email">Email</label> <input defaultValue={defaultValues.email} name="email" placeholder="bluebill1049@hotmail.com" type="email" ref={register} /> <input type="submit" /> </form> ); }