React4.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);
    }
    //...
}

使用@withRouter语法不支持的话使用export default withRouter(App),如下所示

import { Link, withRouter  } from 'react-router-dom'

//组件内容...

  export default withRouter(LeftNav);

详见文章浅谈react传入路由参数---withRouter组件.

 

.

posted @ 2020-03-27 17:04  剑仙6  阅读(5697)  评论(0编辑  收藏  举报
欢迎访问个人网站www.qingchun.在线