react-router v6 ts下useRoutes的使用

src/router/router.tsx文件内容如下

import Login from "../views/Login";
import {
   RouteObject} from "react-router-dom";
import {
   Home , About} from "../App"

//这里可以直接看useRoutes函数源码第一个参数就是RouteObject类型所以我们将routes定义为改类型
const routes: RouteObject[] = [
    {
   
        path : '/',
        element : <Home />
    },
    {
   
        path : "login",
        element : <Login />
    },
    {
   
        path : 'about',
        element : <About />
    }
]

export default routes