/
githubmirror
/
react-hook-form
Обзор
Документация
Войти
/
githubmirror
/
react-hook-form
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
master
src/fieldArray.tsx
55 строк
1 KB
Bill
🐞 fix #13618 FieldArray & FormState export (#13619)
28 июл 2026, 11:16
Не верифицирован
28 июл 2026, 11:16
ab77353
Код
Авторство
О чём код?
import type { FieldArray as FieldArrayType, FieldArrayPath, FieldArrayProps, FieldValues, } from './types'; import { useFieldArray } from './useFieldArray'; type FieldArray< TFieldValues extends FieldValues = FieldValues, TFieldArrayName extends FieldArrayPath<TFieldValues> = FieldArrayPath<TFieldValues>, > = FieldArrayType<TFieldValues, TFieldArrayName>; /** * Component based on `useFieldArray` hook to work with controlled component. * * @example * ```tsx * function App() { * const { control, register } = useForm<FormValues>({ * defaultValues: { * test: [ * { * value: '', * }, * ], * }, * }); * * return ( * <form> * <FieldArray * control={control} * name="test" * render={({ fields }) => * fields.map((field, index) => ( * <input key={field.id} {...register(`test.${index}.value`)} /> * )) * } * /> * </form> * ); * } * ``` */ const FieldArray = < TFieldValues extends FieldValues = FieldValues, TName extends FieldArrayPath<TFieldValues> = FieldArrayPath<TFieldValues>, TKeyName extends string = 'id', >( props: FieldArrayProps<TFieldValues, TName, TKeyName>, ) => props.render(useFieldArray<TFieldValues, TName, TKeyName>(props)); export { FieldArray };