使用React Router V4以编程方式导航

reactjs React.js

LEY小卤蛋

2020-03-10

我刚刚react-router从v3 替换为v4。
但是我不确定如何以编程方式在的成员函数中进行导航Component即在handleClick()功能上我想导航到/path/some/where处理一些数据后。我曾经通过以下方式做到这一点:

import { browserHistory } from 'react-router'
browserHistory.push('/path/some/where')

但是我在v4中找不到这样的接口。
如何使用v4导航?

第404篇《使用React Router V4以编程方式导航》来自Winter(https://github.com/aiyld/aiyld.github.io)的站点

1个回答
逆天西门 2020.03.10

完成它的最简单方法是:

this.props.history.push("/new/url")

注意:

  • history prop如果不可用,则可能需要将“ 父对象”组件传递给要调用该动作的组件。

问题类别

JavaScript Ckeditor Python Webpack TypeScript Vue.js React.js ExpressJS KoaJS CSS Node.js HTML Django 单元测试 PHP Asp.net jQuery Bootstrap IOS Android