reactで何をやっているのかわからなくなってしまいました。

function Signup (){
  const {register,handleSubmit}=useForm()

return(
 <>
    <h2>signup</h2>
    <form onSubmit={handleSubmit(onSubmit)}>
<FormInput 
           label={"ユーザー名"}
           type={"text"} 
           inputRef={register}
           name={"userName"}
           />
           <FormInput 
           label={"パスワード"} 
           type={"password"} 
            inputRef={register}
            name={"password"}
            />
           <FormInput 
           label={"e-mail"}
           type={"email"}  
           inputRef={register}
           name={"email"}
           />)