handleSubmit
This function will receive the form data if form validation is successful.
(onSubmit: SubmitHandler, onError?: SubmitErrorHandler) => void
Props
| Name | Type | Description |
|---|---|---|
| onSubmit | (values: Object) => void | A successful callback. |
| onError | (errors: Object) => void | An 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>
)