Function Zodform

04React/Day09/src/Zodform.jsx:17–66

()

function Zodform(){
  
    const {register, handleSubmit, formState: { errors }} = useForm({
        resolver: zodResolver(formSchema)
    });
    

    function sumbitForm(data){
       console.log(data);
    }

    console.log("Render");

    return(
        <>
        <form onSubmit={handleSubmit(sumbitForm)}>
         <div>
            <label htmlFor="first">Name: </label>
            <input id="first" {...register('name')} />
            {errors.name && <span>{errors.name.message}</span>}
         </div>
          <div>
            <label htmlFor="fourth">Email: </label>
            <input id="fourth" {...register('email')} />
            {errors.email && <span>{errors.email.message}</span>}
         </div>
          <div>
            <label htmlFor="second">Age: </label>
            <input id="second" {...register('age')} />
            {errors.age && <span>{errors.age.message}</span>}
         </div>
         <div>
            <label htmlFor="third">Password: </label>
            <input type="password" id="third" {...register('password'
            )} />
            {errors.password && <span>{errors.password.message}</span>}
         </div>
         <div>
            <label htmlFor="fifth">Confirm Password: </label>
            <input type="password" id="fifth" {...register('confirm'
            )} />
            {errors.confirm && <span>{errors.confirm.message}</span>}
         </div>
         <button>Submit</button>
         </form>

        </>
    )

}

export default Zodform;