在 Route 组件中访问 this.props.location.pathname

Question

在我有<Route> 代码的 SideMenuNavigation 组件上，我需要访问this.props.location.pathname 的值。不幸的是，我收到了undefined。

class SideNavigation extends React.Component {

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

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


/*   */

在我的仪表板组件中，我可以成功访问this.props.location.pathname。不幸的是，我不需要这个组件。我需要SideMenuNavigation 组件中的值。

Answer 1

location 是 Router 组件注入的 props 之一。在您的情况下， SideNavigation 不是路由器组件的子组件（实际上它是父组件）。你可能也对这个问题感兴趣：How does react-router pass params to other components via props?