如何使用react-route在处理程序中获取路由名称？

Question

关于这个问题，如何在处理程序中获取路由名称？例如：

var routes = <Route handler={App} path="/">
    <Route name="home" path="/home" handler={HomePage} />
    <DefaultRoute handler={HomePage} />
</Route>

Router.run(routes, function(Handler, state) {
  var params = state.params;
  React.render(<Handler params={params}/>, document.body);
});

现在假设我有一个像这样的组件：

class HomePage extends React.Component {
    render() {
        return(<div>MyComponent</div>)
    }
}

如何获取当前路线名称？更具体地说，我想获得

name="home"

来自]的属性>

<Route name="home" path="/home" handler={HomePage} />

关于这个问题，如何在处理程序中获取路由名称？例如：var route =

Answer 1

在react-router 0.13之前，您可以使用this.getRoutes()混合使用Router.State。

Answer 2

反应路由器4

Answer 3

假设我们正在讨论的是相同的react-router（当前版本是2.8.x），您可以直接通过this.props.route.path访问路由，该路由将成为您首页的/home（在HomePage组件中） 。

Answer 4

使用此props.history.location.pathname