react-umi-2-5.菜单列表

最新推荐文章于 2024-12-20 16:32:20 发布

An_s

最新推荐文章于 2024-12-20 16:32:20 发布

阅读量612

点赞数

CC 4.0 BY-SA版权

分类专栏： umi3+egg中台实战项目文章标签： javascript reactjs typescript

本文链接：https://blog.youkuaiyun.com/echo_Ae/article/details/110823465

umi3+egg中台实战项目专栏收录该内容

32 篇文章 ¥59.90 ¥99.00

订阅专栏

超级会员免费看

本文介绍了在React Umi项目中，如何使用dva模型和自定义服务来处理菜单，并进行API对接。通过`menu-models`和`menu-services`目录下的文件，分别实现了状态管理和数据请求。配置`.umirc.ts`以优化用户体验，最终展示了集成后的良好效果，为后续的权限管理功能打下基础。

index.tsx

import React, { useState } from 'react';
import { PageHeaderWrapper } from '@ant-design/pro-layout';
import { Button, Tooltip, Tag, Popconfirm, message, Badge, Modal, Tree  } from 'antd';
import { QuestionCircleOutlined, HomeOutlined, PlusOutlined, EditOutlined, DeleteOutlined, UngroupOutlined } from '@ant-design/icons';
import ProTable from '@ant-design/pro-table';
import ProForm, {
  ModalForm,
  ProFormText,
  ProFormSelect, ProFormSwitch,
} from '@ant-design/pro-form';

export interface TableListItem {
  key?: number;
  name: string;
  icon: string;
  status: string,
  path: string;
  component: string

了解本专栏