React redirect

 import React ,{useState,useEffect} from 'react';

//useNavigate hook

import {useNavigate } from 'react-router-dom';

export default function Contact() {

//here is one variable..

  const navigate=useNavigate();

  const initalvalues={username:'',userpass:''}

  const [state, setState] = useState(initalvalues);

  const username=state.username;

  const userpass=state.userpass;

  const handlechange=(e)=>{

    // console.log(e.target);

    const {name,value}=e.target;

    setState({...state,[name]:value})

    }

    

    const handlesubmit=(e)=>{

        e.preventDefault();

      

    if(state.username==="admin" && state.userpass==="admin"){

      

//here which page u want to redirect

//like "/home","/studentmanagement"..

navigate("/");    

}

      }

  return (

    <div>

            <form action="" onSubmit={handlesubmit}>

          <label htmlFor="username">Name</label>

          <input type="text" name="username" 

          value={username}

          onChange={handlechange}

          />

          <br />

          <label htmlFor="password">Password</label>

          <input type="password" name="userpass" 

          value={userpass}

          onChange={handlechange} />

         

          <br />

          <input type="submit" value="login" />

      </form>

    </div>

  )

}