react 路径跳转组件不跳转_react 页面跳转,使用react-router浏览器地址变化,页面不跳转...

在React项目中,使用`browserHistory.push()`进行路径跳转时,遇到页面URL改变但页面不刷新的情况。问题出现在调用`browserHistory.push(path)`后,页面并未如预期跳转。代码中引入了各种Ant Design组件以及axios,并尝试从`react-router`导入`browserHistory`。解决方案可能涉及检查路由配置或使用更新的React Router API。
摘要由CSDN通过智能技术生成

项目需求,需要在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);

}

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值