Zugriff auf this.props.location.Patchname innerhalb der Route-Komponente

Question

In meiner SideMenuNavigation-Komponente, in der ich die Codes <Route> habe, muss ich auf den Wert this.props.location.pathname zugreifen. Leider bekomme ich undefined.

class SideNavigation extends React.Component { 

    componentDidMount() { 
    console.log(this.props.location.pathname); // undefined 
    } 

    render() { 
    return(
    <Router> 
     <Route exact path="/" component={Dashboard}/> 
    </Router> 
    ) 
    } 
} 


/* */ 

In meiner Dashboard-Komponente, kann ich this.props.location.pathname erfolgreich Acess. Leider brauche ich es nicht von dieser Komponente. Ich brauche den Wert in der SideMenuNavigation Komponente.

Answer 1

location ist eine der Requisiten, die von Router-Komponente injiziert werden. In Ihrem Fall ist SideNavigation nicht die untergeordnete Komponente der Router-Komponente (tatsächlich handelt es sich um eine übergeordnete Komponente). Vielleicht interessiert dich auch diese Frage: How does react-router pass params to other components via props?