handleSubmit

This function will receive the form data if form validation is successful.

(onSubmit: SubmitHandler, onError?: SubmitErrorHandler) => void

Props


NameTypeDescription
onSubmit(values: Object) => voidA successful callback.
onError(errors: Object) => voidAn error callback.
const { register, handleSubmit } = createForm({ defaultValues: { firstName: "", lastName: "" } }) const onSubmit = (values) => { console.log(values); }; const onError = (errors) => { console.log(errors); }; return ( <form onSubmit={handleSubmit(onSubmit, onError)}> <input {...register("firstName", { required: true })} /> <input {...register("lastName")} /> <button type="submit">Save</button> </form> )