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组件.

 

.


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM