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

我目前正在使用React-Router 3.2.0,并且我想在React-router(3.2.0)中解决此问题。

最佳答案

接下来是关于问题的评论和聊天。您无法访问location道具,因为您所在的组件不是由Route组件呈现的。
解决此问题的简单方法是在文件顶部包含导入:

import { withRouter } from 'react-router';


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

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


然后,您将能够访问this.props.location,该值的值pathnamethis.props.location.pathname)将是完整路径,减去basePath。

关于javascript - 如何从当前网址获取路线名称,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/55340862/

10-17 00:04