前言
动态tab水平菜单,这个需求很常见,特别是对于后台管理系统来说;
因为当我们侧边栏层级多了,你要找到一个子菜单,必须找,展开,点击....----
基础环境
mobx & mobx-react
react-router-dom v4
styled-components
react 16.4.x
antd 3.8.x
为了保持后台的风格一致化...一键关闭除当前url以外的的所有tab
重定向的时候也会自动展开侧边栏(路由表存在匹配的情况)
可拓展的方向
有兴趣的自行拓展,具体idea如下
比如快速跳转到第一个或者最后一个的快捷菜单等
给侧边栏的子菜单都带上...class Sidebar extends Component {
constructor(props) {
super(props);
// 初始化置空可以在遍历不到的时候应用默认值...因为感觉意义不大,水平菜单的宽度不管是pad上还是pc上,
默认一行最起码可以打开五个tab, 一般人的注意力都集中在几个常见的页面上
假如你需要更多呢?