GTKX

API Reference / @gtkx/forms / useController

Function: useController() ​

useController<TFieldValues, TName, TTransformedValues>(props): UseControllerReturn<TFieldValues, TName>

Hook for controlled inputs. Returns field, fieldState, and formState. Re-renders are isolated to the hook level.

Type Parameters ​

TFieldValues ​

TFieldValues extends FieldValues = FieldValues

TName ​

TName extends string = FieldPath<TFieldValues>

TTransformedValues ​

TTransformedValues = TFieldValues

Parameters ​

props ​

UseControllerProps<TFieldValues, TName, TTransformedValues>

Returns ​

UseControllerReturn<TFieldValues, TName>

See ​

API

Example ​

tsx
const { field, fieldState } = useController({ control, name: "email" });
return <input {...field} />;