React Router 配置：实现路由嵌套、动态路由和延迟加载

import { createBrowserRouter } from 'react-router-dom'; import Article from '../pages/Article'; import Login from '../pages/Login'; import Layout from '../pages/Layout'; import { lazy } from 'react';

const About = lazy(() => import('../pages/Layout/About')); const Action = lazy(() => import('../pages/Layout/Action'));

const router = createBrowserRouter([ { path: '/', element: , children: [ { index: true, element: , }, { path: 'action', element: , }, ], }, { path: '/login', element: , }, { path: '/article/:id/:title', name: 'article', element:

export default router;