React-router6

import React from 'react' import { useRoutes } from 'react-router-dom' import LazyLoad from '../component/LazyLoad' import Redirect from '../component/Redirect' import AuthComponent from '../component/AuthComponent' export default function ComStemRouter() { const element = useRoutes([ { path: '/home', element:<AuthComponent> {LazyLoad({ path: "Home" })}</AuthComponent>, children: [ { path: 'index', element: LazyLoad({ path: 'index/Index' }) }, { path: 'feed', element: LazyLoad({ path: 'feed/Feed' }) }, { path: 'mine', element: LazyLoad({ path: 'mine/Mine' }) }, { path: '', element: <Redirect to="/home/index"></Redirect> } ] }, { path: '/detail', element: LazyLoad({ path: "feed/FeedDetail" }) }, { path: '/login', element: LazyLoad({ path: "Login" }) }, { path: '/', element: <Redirect to="/home"></Redirect> }, { path: '*', element: <div>404</div> } ]) return element }