Question

在我的SideMenuNavigation组件中，我有<Route>个代码，我需要访问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是路由器组件注入的道具之一。在您的情况下，SideNavigation不是路由器组件的子级（实际上它是父级）。您可能也对此问题感兴趣：How does react-router pass params to other components via props?

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

1 个答案: