How to get Route name from current URL

Question

I am working on small project in React. I want to get Route name from the current URL in ReactJS.

I am currently using React-Router 3.2.0 and I want to solve this problem in React-router (3.2.0 ).

Answer 1

Following on from the comments on the question, and the chat. You can't access location prop because the component you're on is not rendered by a Route component. Easy way to solve this, at the top of your file, include the import:

import { withRouter } from 'react-router';

then, where you're exporting your component, wrap it in withRouter(... component here ...) So for example, your Routes component export will look like:

export default withRouter(connect(
    mapStateToProps,
    {}
    )(Routes))

You'll then be able to access this.props.location which will have a value, pathname ( this.props.location.pathname ) which will be the full route, minus the basePath.