问题简述:在页面刷新时,meun 高亮会跳回设置的默认项,而页面还是浏览器地址对应的页面,从而呈现高亮与理论页面不匹配的景象。
解决办法:
引入 withRouter 包裹导航组件,并在 Menu 里设置 selectedKeys 属性。
代码如下:
// 引入 withRouter
import {withRouter} from 'react-router-dom'
// 包裹导航组件
export default withRouter(Home)
// 设置 Menu 的 selectedKeys 属性
<Menu theme="dark" mode="inline"
selectedKeys = {[this.props.location.pathname]}
defaultSelectedKeys={['register']}>
附上官网文档链接:
React Router-withRouter
Antd menu api