Skip to main content

FormField

FormField<TFieldValues, TName>(__namedParameters): Element

Component that wraps Controller and provides field name context to connect form elements with react-hook-form

Based on Form

Type Parameters​

TFieldValues​

TFieldValues extends FieldValues = FieldValues

TName​

TName extends string = FieldPath<TFieldValues>

Parameters​

__namedParameters​

object & UseControllerProps<TFieldValues, TName, TFieldValues> & object

Returns​

Element

Example​

function MyComponent() {
    const form = useForm({...});

    return (
        <FormField control={form.control} name="email" render={...}/>
    );
}