javascript - 如何从当前 URL 获取路由名称

Question

我正在 React 中开发一个小项目。我想从 ReactJS 中的当前 URL 获取路由名称。

我目前正在使用React-Router 3.2.0，我想在React-router(3.2.0)中解决这个问题。

Answer 1

以下是对问题的评论和聊天。您无法访问 location 属性，因为您所在的组件不是由 Route 组件渲染的。解决这个问题的简单方法是在文件顶部包含导入:

import { withRouter } from 'react-router';

然后，在导出组件的位置，将其包装在 withRouter(... 这里的组件 ...)例如，您的 Routes 组件导出将如下所示:

export default withRouter(connect(
    mapStateToProps,
    {}
    )(Routes))

然后，您将能够访问 this.props.location，其值是 pathname (this.props.location.pathname) 这将是完整的路线，减去基本路径。