react-router+antD/ How to highlight a menu item when press back/forward button?

Question

I create a menu and want to highlight the item which i choose,and i did it. But when i press back/forward button,the menu item don\'t highlight. What should i do?

I ha

Answer 1

I could come up with a solution using WithRouter

import React,{ Component } from 'react';
import { NavLink, withRouter } from 'react-router-dom';
import { Layout, Menu, Icon } from 'antd';
import PropTypes from 'prop-types';

const { Sider } = Layout;

class SideMenu extends Component{

  static propTypes = {
    location: PropTypes.object.isRequired
  }

  render() {
    const { location } = this.props;
    return (
        

          

          
            
              
                
                Home
              
            
            
              
                
                Applications
              
            
            
              
                
                Notifications
              
            
          
        
    )
  }
}

export default withRouter(SideMenu);