/
githubmirror
/
react-hook-form
Обзор
Документация
Войти
/
githubmirror
/
react-hook-form
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
master
examples/V6/formProvider.tsx
24 строки
676 B
Bill
7️⃣ V7 (#3741)
01 апр 2021, 00:14
Не верифицирован
01 апр 2021, 00:14
9555d16
Код
Авторство
О чём код?
import React from 'react'; import ReactDOM from 'react-dom'; import { useForm, FormProvider, useFormContext } from 'react-hook-form'; export default function App() { const methods = useForm(); const { register, handleSubmit } = methods; return ( <FormProvider {...methods}> <form onSubmit={handleSubmit((data) => console.log(data))}> <label>Test</label> <input name="test" ref={register({ required: true })} /> <label>Nested Input</label> <Test /> <input type="submit" /> </form> </FormProvider> ); } function Test() { const data = useFormContext(); return <input name="bill" ref={data.register} />; }