前端学习笔记202308学习笔记第八十捌天-useRouter新写法

import React,{lazy} from "react"
import { Navigate } from "react-router-dom"


const About=lazy(()=>import("../views/About"))
const Home=lazy(()=>import("../views/home"))
const Geyao=lazy(()=>import("../views/Geyao"))
const withLoadingComponent=(comp:JSX.Element)=>{
    <React.Suspense fallback={<div>Loading...</div>}>
        {comp}
    </React.Suspense>
}

const router=[{
    path:"/",
    element:<Navigate to="/page1"></Navigate>
},{
    path:"/",
    element:<Home/>,
    // children:[{
    //     path:"/page1",
    //     element:withLoadingComponent(<Geyao/>),
    // }]
}]

export default router

运行结果