Window.location.href是你要找的。

你得到的是未定义的，因为你可能有React路由器之外的组件。

记住，你需要确保调用this.props.location的组件位于<Route />组件中，如下所示:

<Route path="/仪表盘"抱怨={仪表盘}/>

然后在Dashboard组件中，你可以访问this.props.location…

普通JS:

window.location.href // Returns full path, with domain name
window.location.origin // returns window domain url Ex : "https://stackoverflow.com"
window.location.pathname // returns relative path, without domain name

使用react-router

this.props.location.pathname // returns relative path, without domain name

使用react Hook

const location = useLocation(); // React Hook
console.log(location.pathname); // returns relative path, without domain name

location是一个react-router特性，如果你想使用它，你必须安装它。

注意:不返回完整的url。

为了获得当前路由器实例或当前位置，你必须从react-router-dom中使用withRouter创建一个高级组件。否则，当你试图访问this.props.location时，它将返回undefined

例子

import React, { Component } from 'react';
import { withRouter } from 'react-router-dom';

class className extends Component {

      render(){
           return(
                ....
                  )
              }
}

export default withRouter(className)

如果你需要URL的完整路径，你可以使用Javascript:

window.location.href

要获得路径(减去域名)，你可以使用:

window.location.pathname

console.log (window.location.pathname);//输出:"/js"(代码段运行的地方) console.log (window.location.href);/ /收益率:“https://stacksnippets.net/js”

来源:位置路径名属性- W3Schools

如果你还没有使用"react-router"，你可以使用以下方法安装它:

纱线添加反应路由器

然后在React中。组件，你可以调用:

this.props.location.pathname

这将返回路径，不包括域名。

谢谢@abdulla-zulqarnain !