React管理系统搭建四

layout布局

sass混合指令

白名单

route

redirect

菜单分级:通过判断子级存在,进入子级方法和无子级方法,key值是路由

私有路由组件通过验证token存在判断是否进入对应的组件,不存在重定向

submenu子级方法

菜单选中高光

菜单展开、回调

containMain组件匹配选中菜单的路由打开对应的组件

自动化工程:实现自动读取view目录,生成对应path与component

通过正则表达时与split将文件名筛选分割,拿到path与component,以JSON格式存入数组

map函数循环匹配路由

link

自动生成侧边栏

defaultSelectKeys

defaultOpenKeys

withRouter:将一个组件包裹进Route里面, 然后react-router的三个对象history, location, match就会被放进这个组件的props属性中

 

posted @ 2021-04-27 22:40  炳文  阅读(50)  评论(0)    收藏  举报