react自定义hooks做路由守卫

import {useEffect} from 'react'
import {useLocation,useNavigate} from 'react-router-dom'
// 作用： 时时刻刻监听路由的地址的改变=》

// 1 

function useBeforeEach(){
   let location  = useLocation()
   let navigate = useNavigate()

   useEffect(()=>{
          console.log(location);
          if(location.pathname!='/login'){  //内部页面
               if(!sessionStorage.getItem('token')){
                navigate('/login',{replace:true})
               }
          }
          
   },[location])
    return(
        <div></div>
    )
}


export default useBeforeEach