首页 > 其他分享 >react 怎样配置ant design Pro 路由?

react 怎样配置ant design Pro 路由?

时间:2024-06-02 12:01:16浏览次数:22  
标签:react umi menu Pro 档级 js ant config 路由

Ant Design Pro 是基于 umi 和 dva 的框架,umi 已经预置了路由功能,只需要在 config/router.config.js 中添加路由信息即可。

例如,假设你需要为 HelloWorld 组件创建一个路由,你可以将以下代码添加到 config/router.config.js 中:

在menu.ts中 设置菜单标题:

export default {
  'menu.welcome':'组织架构',
  'menu.more-blocks': '更多区块',
  'menu.home': '项目管理',
  'menu.recruit': '招聘管理',
  'menu.admin': '薪资管理',
  'menu.admin.sub-page': '档级管理',
  'menu.dangji': '档级管理',
  'menu.login': '登录',
  'menu.register': '注册',
}

最后要在pages文件中,新建和component 一样名字的页面(注意大小写)!

标签:react,umi,menu,Pro,档级,js,ant,config,路由
From: https://blog.csdn.net/FENGZXCjjjjj/article/details/139349709

相关文章

  • 2024最新VMware Workstation Pro下载教程
    自从2024年5月份之后,VMwareworkstationplayer就不能直接在vm官网下载,需要到broadcom博通网站上下载下面介绍最新下载步骤:百度直接搜索vmware进入官网点击WorkstationPro链接博通注册对应的账号现在下载都需到博通注册对应的账号登录邮箱输入对应的验证码......
  • ProgGen: Generating Named Entity Recognition Datasets Step by step with Self Ref
    本文是LLM系列文章,针对《ProgGen:GeneratingNamedEntityRecognitionDatasetsStepbystepwithSelfReflexiveLargeLanguageModels》的翻译。ProgGen:使用自反射大型语言模型逐步生成命名实体识别数据集摘要1引言2相关工作3方法4实验5结论6局限性......
  • (11.1)iic串口读写EEPROM实验:EEPROM介绍
    一、EEPROM简介EEPROM(ElectricallyErasableProgrammableReadOnlyMemory),带电可擦除可编程只读存储器,是一种掉电后数据不丢失的非易失性存储器,用户可以通过高于普通电压的作用来擦除和编程(重写)非易失性存储器主要包括:EEPROM:以字节为单位改写;结构复杂,成本高;存储......
  • 2024 江苏省大学生程序设计大赛 2024 Jiangsu Collegiate Programming Contest(FGKI)
    题目来源:https://codeforces.com/gym/105161文章目录F-DownloadSpeedMonitor题意思路编程G-DownloadTimeMonitor题意思路编程K-NumberDeletionGame题意思路编程I-IntegerReaction题意思路编程写在前面:今天打的训练赛打的很水·····,我发现我们......
  • 【图解IO与Netty系列】Reactor模型
    Reactor模型Reactor模型简介三类事件与三类角色Reactor模型整体流程各种Reactor模型单Reactor单线程模型单Reactor多线程模型主从Reactor模型Reactor模型简介Reactor模型是服务器端用于处理高并发网络IO请求的编程模型,与传统的一请求一线程的同步式编程模型不同的......
  • ref和reaction的区别(以及TS中ref,computed函数会自动推断定义其泛型(一般不用自己动手))
    其次就是了解ref,reactive的区别。ref通过对象名.value来访问对象里的值,若对象里还有属性则访问其需要:对象名.value.属性名reactive则通过:对象名.属性名,来直接访问属性值其次,两者都是响应式对象。但如果对直接对reactive对象进行赋值,那么其会丢失响应性。代码示例如下:<scri......
  • 为bufdataset增加ftVariant支持
    最近使用bufdataset时发现可以创建ftVariant类型,但无法正常读写。经搜索,发现fpc官方早在2011年就有解决方案,但到今天最新的fpc3.3.1还没支持,按issues的方法,经测试读写ok,如果你也需要在bufDataSet要用到ftVariant,可以参考以下方法:打开fpcsrc\packages\fcl-db\src\base\bufdataset.......
  • 关于最新版本protobuf在Windows环境下编译失败的解决办法
    在最新版本的cmake子目录中你是看不到CMakeLists.txt文件的,所以你会遇到莫名其妙的错误。经过长时间的摸索,得出一条稳妥的解决方案:参考以下视频的protobuf版本10.在widnows中编译和部署protobuf_哔哩哔哩_bilibili即可成功。。。没必要给自己找事做.点击跳转protobuf3.......
  • css44 CSS The !important Rule
    https://www.w3schools.com/css/css_important.asp Whatis!important?The!importantruleinCSSisusedtoaddmoreimportancetoaproperty/valuethannormal.Infact,ifyouusethe!importantrule,itwilloverrideALLpreviousstylingrulesforthat......
  • error: no configuration has been provided, try setting KUBERNETES_MASTER environ
    1:问题kubernetes集群,一台master,一台node1,一台node2,重启电脑后,node1节点和node2节点报错如下error:noconfigurationhasbeenprovided,trysettingKUBERNETES_MASTERenvironmentvariable2:解决方法2.1:查看master节点进入到该目录下cd/etc/kubernetes把admi......