加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 百科 > 正文

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

发布时间:2020-12-15 20:45:51 所属栏目:百科 来源:网络整理
导读:作为主题,如何在处理程序中获取路径名称? 例如: var routes = Route handler={App} path="/" Route name="home" path="/home" handler={HomePage} / DefaultRoute handler={HomePage} //RouteRouter.run(routes,function(Handler,state) { var params = st
作为主题,如何在处理程序中获取路径名称?
例如:
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} />
在react-router 0.13之前,您可以使用Router.State mixin来使用this.getRoutes().

对于react-router 0.13,您也可以使用它:

var currentRoutes = this.context.router.getCurrentRoutes();
var lastRoute = currentRoutes[currentRoutes.length - 1];
console.log(lastRoute.name);

对于react-router v2.0.x,您可以使用:

this.props.routes[this.props.routes.length-1]

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读