老师,如何在react中实现类似于window.location.href=“http://***.com”; 这样的功能

来源:10-1 Router概念

脚本小布

2017-11-19

我用

import { browserHistory } from 'react-router'

handleSubmit() {

browserHistory.push(...)

}

这种没有效果

写回答

5回答

脚本小布

提问者

2017-11-23

问题解决了,因为我用的是react-rout V4 所以browserHistory不被支持,解决方法:

 使用 withRouter

import React from "react";

import {withRouter} from "react-router-dom";

class MyComponent extends React.Component {
 ...
 myFunction() {    this.props.history.push("/some/Path");
 }
 ...
}

export default withRouter(MyComponent);

详解参考https://segmentfault.com/a/1190000011137828

1
0

Parry

2017-11-19

使用 redirect 即可 https://reacttraining.com/react-router/web/api/Redirect

1
3
脚本小布
回复
Parry
老师,你看下,代码这样给你行不行,谢谢啦
2017-11-21
共3条回复

脚本小布

提问者

2017-11-21

代码....

0
0

脚本小布

提问者

2017-11-19

"react-router": "^4.2.0"

0
0

Parry

2017-11-19

什么版本的 react router?

0
1
脚本小布
"react-router": "^4.2.0"
2017-11-19
共1条回复

结合基础与实战学习React.js 独立开发新闻头条平台

轻松入门 React 开发,React Router 4 与 Webpack 2 完美升级项目

2768 学习 · 2126 问题

查看课程