W250913/21.react/高阶/project4/src/router/index.jsx

import { createBrowserRouter } from "react-router-dom";
import Home from "../pages/Home";
import My from "../pages/My";
import List from "../pages/List";
import Error from '../pages/Error';
import Layout from "../Layout";
import Detail from "../pages/Detail";
const routes = [
    {
        path: '/',
        element: <Layout />,
        children: [
            {
                // 索引路由
                index: true,
                // path: 'home',
                element: <Home />
            },
            {
                path: 'my',
                element: <My />
            },
            {
                path: 'list',
                element: <List />
            }
        ]
    },
    {
        // listId 商品ID 动态参数
        path: '/detail/:listId/:title?',
        element: <Detail />
    },
    {
        // 兜底路由
        path: '*',
        element: <Error />
    }
]

const router = createBrowserRouter(routes);
export default router;