w1020/20.react/高阶/my-router/src/router/index.js

import { createBrowserRouter, createHashRouter } from "react-router-dom";

import Home from '../pages/Home';
import List from '../pages/List';
import My from '../pages/My';
import Layout from "../layout";
import Detail from "../pages/Detail";

const router = createBrowserRouter([
    {
        path: '/',
        element: <Layout />,
        children: [

            {
                index: true,
                // path: 'home',
                element: <Home></Home>
            },
            {
                path: 'list',
                element: <List></List>
            },
            {
                path: 'my',
                element: <My></My>
            },
        ]
    },
    {
        path:'/detail/:id/:name',
        element: <Detail/>
    }
    // {
    //     path:'/detail',
    //     element: <Detail/>
    // }
])

export default router;