react路由管理

import {useRoutes} from "react-router-dom";
import Layout from '@/layout'
import Home from '@/pages/首页'
import Details from '@/pages/详情'


const router = [
  {
    path: '/',
    element: (<Login/>)
  },
  {
    path: '/index',
    element: (<Layout/>),
    children:[
      // 首页
      {
        path: '',
        element: (<Home/>)
      },
    
      {
        path: 'details',
        element: (<Details/>)
      }
    ]
  }
]

const RouterView = () => {
  return useRoutes(router)
}
export default RouterView

import {useLocation,useNavigate} from 'react-router-dom'
// 获取
const location = useLocation()
location.pathname 

// 跳转
  const navigate = useNavigate();
  navigate('/')