/
githubmirror
/
react-hook-form
Обзор
Документация
Войти
/
githubmirror
/
react-hook-form
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
master
examples/V7/useFieldArraySimpleExample.tsx
33 строки
788 B
Bill
🧿 fix `<Watch />` control prop type (#13189)
10 дек 2025, 13:04
Не верифицирован
10 дек 2025, 13:04
3f821ac
Код
Авторство
О чём код?
import React from 'react'; import { useForm, useFieldArray } from 'react-hook-form'; export default function UseFieldArraySimpleExample() { const { register, control, handleSubmit } = useForm({ defaultValues: { users: [{ name: '' }], }, }); const { fields, append } = useFieldArray({ control, name: 'users', }); const onSubmit = (data) => console.log(data); return ( <form onSubmit={handleSubmit(onSubmit)}> {fields.map((field, index) => ( <input key={field.id} {...register(`users.${index}.name`)} placeholder={`User ${index + 1}`} /> ))} <button type="button" onClick={() => append({ name: '' })}> Add User </button> <input type="submit" /> </form> ); }