点击某个菜单后刷新页面还是现实那个菜单
只需要在Menu中修改两个属性即可defaultOpenKeys={openKeys} defaultSelectedKeys={selectKey}
render (){
let pathname = this.props.location.pathname
let openKeys= ['/' + pathname.split('/')[1]]
let selectKey = [pathname]
return (
<Menu onClick={
(obj)=>{
this.props.history.push(obj.key)
}
} theme="dark" mode="inline" defaultOpenKeys={
openKeys} defaultSelectedKeys={
selectKey}>
{
this.renderItem(menus)}
</Menu>
)
}
如果需要点击其他的菜单当前的菜单关闭只需要在Menu中添加onOpenChange属性,和openKeys属性需要在SliderMenu.jsx中添加的添加的代码如下:
Menu中添加
onOpenChange={
this.onOpenChange.bind(this)}
openKeys={
this.state.openKeys}
添加全局变量和构造函数和onOpenChange函数
rootSubmenuKeys = ['/users', '/cart', '/pro', '/order'];
constructor(props