react 页面跳转，使用react-router浏览器地址变化，页面不跳转

Question

项目需求，需要在js方法中，实现页面跳转功能，关键代码如下：

import { browserHistory } from 'react-router'
const path = `/#/app/itrisk/riskitem?modify=${repo}&priority=${userName}`
browserHistory.push(path);

代码截图如下：

触发方法之后，页面url地址发生了变化，但是，页面不跳转。

问题：
应该怎么修改代码，才能让页面跳转？

代码附录

import React from 'react';
import { Pagination,Table, Button, Row, Col, Card, Input,message,Icon,AutoComplete,Tabs,DatePicker,Select ,Radio } from 'antd';
import {queryVisitRelation} from '../../axios';
import {getRiskList,queryVisitRelationByIp,getReportData} from '../../axios';
import querystring from 'querystring';
import moment from 'moment';
import { Link } from 'react-router';
import PropTypes from "prop-types";
import { browserHistory } from 'react-router'
import CsvDownloader from 'react-csv-downloader';
//import createHistory from 'history/createBrowserHistory';
import createHistory from 'history/lib/createBrowserHistory'


const echarts = require('echarts/lib/echarts'); //必须
//const ecConfig = require('echarts/lib/config');

class RiskOverview extends React.Component {
    onClickLink = (e) =>{
        const path = `/#/app/itrisk/riskitem?modify=待整改&priority=高`
        browserHistory.push(path);
    }

Answer 1

import createHistory from 'history/createBrowserHistory';另外引入试试

Answer 2

如果是react-router4的话有可能碰到了Update Blocking的问题
试试withRouter

https://github.com/ReactTrain...

Answer 3

这里有个小坑，就是如果要使用自定义的 history 的时候，从 react-router-dom 中导出的时候用 Router 不能是 BrowserRouter。

// 错误的!!!
import {BrowserRouter} from 'react-router-dom';

// 正确的
import {Router} from 'react-router-dom';