the path name to the form field value, name is required and unique
Optionaloptions: RegisterOptions<TFieldValues, TFieldName>register options include validation, disabled, unregister, value as and dependent validation
onChange, onBlur, name, ref, and native contribute attribute if browser validation is enabled.
// Register HTML native input
<input {...register("input")} />
<select {...register("select")} />
// Register options
<textarea {...register("textarea", { required: "This is required.", maxLength: 20 })} />
<input type="number" {...register("name2", { valueAsNumber: true })} />
<input {...register("name3", { deps: ["name2"] })} />
// Register custom field at useEffect
useEffect(() => {
register("name4");
register("name5", { value: "hiddenValue" });
}, [register])
// Register without ref
const { onChange, onBlur, name } = register("name6")
<input onChange={onChange} onBlur={onBlur} name={name} />
Register field into hook form with or without the actual DOM ref. You can invoke register anywhere in the component including at
useEffect.