单个删除和删除其他的标签
只有一个时候是不允许关闭,所以也不会显示关闭的按钮,关闭其他也不会影响唯一的
?
?
多tag换行
?...,直接基于antd的基础上封装一下
实现的思路基本是一样的(哪怕是自己把组件都写了)
----
实现思路
思路
用mobx来维护打开的菜单数据,数据用数组来维护
考虑追加,移除过程的去重
数据及行为的设计...结合路由进行响应
目标
点击tab展示页面内容,同时关联侧边栏的菜单
tab自身可以关闭,注意规避只有一个的时候不显示关闭按钮,高亮的
杜绝重复点击tab的时候(tab和路由匹配的情况),再次渲染组件...拿到路由相关的信息
const { history, location } = this.props;
// 判断我们传入的静态路由表的路径是否和路由信息匹配
// 不匹配则允许跳转...因为感觉意义不大,水平菜单的宽度不管是pad上还是pc上,
默认一行最起码可以打开五个tab, 一般人的注意力都集中在几个常见的页面上
假如你需要更多呢?