useFormData
Simple usage
This hook will scan only one form. By default it is the first form in the page, but you can change it to any form by passsing an argument.
import useFormData from "useformdata-hook";
export default function App() {
const formData = useFormData();
return (
<form>
<input type='text' name='fullName' /><br/>
<input type='date' name='birthdate' /><br/>
<textarea name='comment'>
</form>
)
}
Advanced Usage
import { useRef } from "react";
import useFormData from "useformdata-hook";
export default function App() {
const formRef = useRef(null);
const formData = useFormData({form: formRef.current});
useEffect(()=>{
// console.log(formData);
// Validation logic goes here
}, [formData])
return (
<form ref={formRef}>
<input type='text' name='fullName' />
<input type='date' name='birthdate' />
</form>
)
}
Typescript example provided here