如何从当前网址获取路线名称

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），它将是完整的路由，减去basePath。