一、蚂蚁金服官方示例
1、openKeys 展开的a-sub-menu的key, key对应的是a-sub-menu上面绑定的key。如果绑定在a-menu上,对应的子菜单会打开
2、selectedKeys 受控选中的key,key对应的是a-menu-item上面绑定的key,如果被选中,会进行导航的跳转以及被给予高亮状态
3、 defaultSelectedKeys 默认选中的key,key对应的是a-menu-item上面绑定的key,如果被选中,会进行导航的跳转以及被给予高亮状态(这个我没用,自己加的高亮逻辑,大家可以试试更简便)
敲重点!!!所有的key都应该是唯一的,不要用index,因为一级和二级的index会相同
![](https://img.haomeiwen.com/i7796840/18ffab05ae3928c9.png)
![](https://img.haomeiwen.com/i7796840/b0cffa0db4748505.png)
二、数据结构部分
![](https://img.haomeiwen.com/i7796840/a50697200839a4f4.png)
三、页面渲染逻辑
![](https://img.haomeiwen.com/i7796840/f4e54839908be030.png)
四、页面刷新后之前选中项依然高亮逻辑
![](https://img.haomeiwen.com/i7796840/3fd7bda36f61b7c7.png)
网友评论