React Js Router 获取地址栏url参数

本文出自：

http://blog.youkuaiyun.com/wyk304443164

有两种方式获取：请用的第二种

/**
 * 获取url地址
 * @param name
 */

common.getQueryString = function (name) {
    let reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
    let r = window.location.search.substr(1).match(reg);
    if (r !== null) return unescape(r[2]);
    return null;
};

/**
 * 获取url地址--NEW ,如果该方法获取不到会重新用上面的方法获取
 * @param _that
 * @param name
 * @returns {*}
 */

common.localQuery = function (_that, name) {
    let value = '';
    if (!this.isEmpty(_that) &&
        !this.isEmpty(_that.props) &&
        !this.isEmpty(_that.props.location) &&
        !this.isEmpty(_that.props.location.query)) {
        value = _that.props.location.query[name];
    }
    if (this.isEmpty(value)) {
        value = this.getQueryString(name);
    }
    return value;
};
/**
 * 判断是不是空的或者undefined
 * @param obj
 * @returns {boolean}
 */

common.isNull = function (obj) {
    return obj === null || typeof obj === 'undefined' || obj === undefined;
};

/**
 * 判断是不是空的字符串
 * @param obj
 * @returns {boolean}
 */

common.isEmpty = function (obj) {
    return this.isNull(obj) || obj === '';
};

使用：

common.localQuery(this, 'id')

如果用了hashHistory的话，后面会默认带一个 # 号，很明显，你不能删掉他，这时上面那个方法就不能获取到#/path?id=111 ，这边的id，需要用下面的那个方法，我已经做了处理，如果能用后面的就用后面的，用不了就前面的。因为咱们路由跳转的时候，参数都是加在#后面的。