react-router-dom: getting props.location from within component

Question

I have a simple App that uses BrowserRouter from \'react-router-dom\' v4. I\'m trying to access the location.pathname property from within the &l

Answer 1

You can also do it using withRouter which has a similar result to putting the code in a render parameter and avoids the need for a "fake" .

Essentially you put the JSX that needs to know the location in a component of its own, which is wrapped by withRouter. This supplies the location to the component:

import { withRouter } from 'react-router-dom';

const Content = withRouter(props =>
    

);

Then you use that in your main router section:

class App extends Component{
    render() {
        return (
            
                
                ...