#

luxiaotao1123

2024-01-31 9e374591a499a0784f949ee9ab855ed326c68094

#

 zy-asrs-flow/src/pages/Admin.jsx

@@ -19,6 +19,8 @@
import logo from '@/assets/logo.png';
import G6 from './G6';
import { getMenuList } from '@/api/meun';
import { BrowserRouter, Routes, Route } from 'react-router-dom';
import Hello from './Hello';

const SearchInput = () => {
    const { token } = theme.useToken();
@@ -56,6 +58,27 @@
    );
};

const menuList = [
    {
        "name": '列表页面',
        "path": "/path1",
        "component": Hello
    },
    // ...其它项
]
const route = {
    route: {
        path: '/',
        routes: menuList
    },
    location: {
        pathname: '/',
    },
}

console.log(route);
console.log(defaultProps);

export default () => {
    if (typeof document === 'undefined') {
        return <div />;
@@ -77,6 +100,7 @@
        fixSiderbar: true,
        layout: 'side', // mix top
        splitMenus: true,
        fixedHeader: true
    });
    const [pathname, setPathname] = React.useState('/list/sub-page/sub-sub-page1');

@@ -201,7 +225,11 @@

                        {/* <G6></G6> */}
                        <PageContainer>
                            <G6></G6>
                            <Routes>
                                <Route path="/list/sub-page/hello" element={<Hello />} />
                                {/* 根据实际路由继续添加更多的 Route */}
                            </Routes>
                            {/* <G6></G6> */}
                        </PageContainer>
                        {/* <PageContainer
                            token={{

 zy-asrs-flow/src/pages/Hello.jsx

New file
@@ -0,0 +1,9 @@

const Hello = () => {

    return (<>
        <h1>Hello World111</h1>
    </>)
}

export default Hello;

 zy-asrs-flow/src/pages/_defaultProps.jsx

@@ -2,7 +2,20 @@
  CrownFilled,
  TabletFilled,
} from '@ant-design/icons';
import Hello from './Hello';

/**
 * @name umi 的路由配置
 * @description 只支持 path,component,routes,redirect,wrappers,name,icon 的配置
 * @param path  path 只支持两种占位符配置，第一种是动态参数 :id 的形式，第二种是 * 通配符，通配符只能出现路由字符串的最后。
 * @param component 配置 location 和 path 匹配后用于渲染的 React 组件路径。可以是绝对路径，也可以是相对路径，如果是相对路径，会从 src/pages 开始找起。
 * @param routes 配置子路由，通常在需要为多个路径增加 layout 组件时使用。
 * @param redirect 配置路由跳转
 * @param wrappers 配置路由组件的包装组件，通过包装组件可以为当前的路由组件组合进更多的功能。 比如，可以用于路由级别的权限校验
 * @param name 配置路由的标题，默认读取国际化文件 menu.ts 中 menu.xxxx 的值，如配置 name 为 login，则读取 menu.ts 中 menu.login 的取值作为标题
 * @param icon 配置路由的图标，取值参考 https://ant.design/components/icon-cn， 注意去除风格后缀和大小写，如想要配置图标为 <StepBackwardOutlined /> 则取值应为 stepBackward 或 StepBackward，如想要配置图标为 <UserOutlined /> 则取值应为 user 或者 User
 * @doc https://umijs.org/docs/guides/routes
 */
export default {
  route: {
    path: '/',
@@ -20,19 +33,19 @@
            routes: [
              {
                path: 'sub-sub-page1',
                name: '一一级列表页面',
                name: '一级列表页面',
                icon: <CrownFilled />,
                component: './Welcome',
                component: './Hello',
              },
              {
                path: 'sub-sub-page2',
                name: '一二级列表页面',
                path: 'hello',
                name: '你好世界',
                icon: <CrownFilled />,
                component: './Welcome',
                component: 'Hello',
              },
              {
                path: 'sub-sub-page3',
                name: '一三级列表页面',
                name: '三级列表页面',
                icon: <CrownFilled />,
                component: './Welcome',
              },