反应路由器this.props.location

我需要react-router v2 +的帮助，例如，当路由更改时，我必须更改navbar的类，因为route /profile

className它将"profile-header"

尝试this.props.location在navbar组件中使用，但它显示undefined

希望你的帮助

您的navbar组件（如您在问题中所描述的）可能不是路由组件，对吗？通过route component我的意思是你在使用一个react-

router被加载特定路由配置。

this.props.location仅可通过此类访问route component，因此您需要将其传递给您navbar。

您的路由器配置：

<Router>
    <Route path="/" component={App}>
    // ...
</Router

路线部分App：

class App extends React.Component{
  // ...
  render() {
    return <Navbar location={this.props.location}/>
  }
}