react如何获取当前的路由地址呢

Question

我试着用了location、pathname、pathParma都不行，试问怎样才可以获取到呢（路由不带参数）？

Answer 1

import { browserHistory } from 'react-router';
browserHistory.getCurrentLocation().pathname

Answer 2

4.0
先使用withRouter对组件进行装饰
然后就可以使用this.props.location.pathname获取到了
例如：

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

@withRouter
export default class App extends React.Component {
    //...
    getPathname = () => {
        console.log(this.props.location.pathname);
    }
    //...
}

Answer 3

使用@withRouter语法不支持的话使用export default withRouter(App)

Answer 4

在5.1以上版本中，通过Hook可以获得pathname

import { useLocation } from 'react-router-dom'

function Breadcrumb() {
  const location = useLocation();
  console.log(location.pathname);
  return (<div>Path : {location.pathname}</div>);
}

Answer 5

4.0 为

this.props.location.pathname

Answer 6

4.0 以上就是 错误答案了

Answer 7

谢谢！谢谢！谢谢！谢谢！谢谢！谢谢！