解决React中路由跳转报错:Cannot read property ‘push’ of undefined

React中路由跳转报错:

页面在Router中配置了,但组件无法使用 this.props.history.push() 进行跳转,并且会出现报错：Cannot read property ‘push’ of undefined
得到 push of undefined 的报错因是为组件并没有使用 history 的能力

解决方案:

1)给组件添加路由

//引入withRouter
import {withRouter} from 'react-router-dom'class Subject extends Component {...
}// 关键一步:通过withRouter导出组件
export default withRouter(Subject)

2)将配置过路由的父级的history传给该组件,即可在该组件使用history跳转

// 父组件中：
<Subject history={this.props.history} />

解决React中路由跳转报错:Cannot read property ‘push’ of undefined相关推荐

0809-vue(momentjs的使用弄时间撮日期的,父子传值props,生命周期函数beforedestroy与destroyed,黑云项目，解决相同路由跳转报错问题)
01-momentjs的使用: momentjs的官网: 直通车. <!DOCTYPE html> <html lang="en"> <head> ...
生产路由跳转报错找不到js路径问题
问题描述:点击路由跳转报错解决方案:问题原因是点击路由找不到js路径,修改打包配置为绝对路径,部署到tomcat根目录转载于:https://www.cnblogs.com/lcosima/p/9 ...
vue路由跳转报错解决
vue路由跳转: setTimeout(function () { console.log(this); this.$router.push("/login"); },800) 语 ...
解决vue中路由跳转同一个路径报错
在vue项目中,如果使用$router.push跳转到一个相同的路由会报错如何解决 vue-router在3.1.0版本之后,push和replace方法会返回一个promise对象,如果跳转到相同的 ...
Vue项目在IE浏览器上路由跳转报错
Vue2.x 项目,登录成功之后跳转到主页面,其他浏览器都是可以的,只有 IE 不行.错误如下 [vue-router] Failed to resolve async component defau ...
阿里飞冰使用Link路由跳转报错之“react-router”与“react-router-dom”
需求:首页链接点击跳转二级页面错误实现:引入路由模块,使用Link跳转(如最下面的那张图) 因为之前没有接触过react,飞冰也是新用.所以某度了很久,react路由跳转,react官方文档,各种文 ...
解决 Vue 中路由跳转相同路径页面不刷新的问题
vue 中同一路由跳转由于不会重新执行生命周期,所以数据不更新.不管是动态路由,还是传参都不会刷新页面最简单最常用的方式是监听路由变化,在路由发生变化后执行一系列操作 watch: {$route( ...
vue 路由跳转报错 redirected when going from via a navigation guard
主要是的代码里面路由跳转 404 进行了权限拦截: 404进行放行 if(to.name === '404') {next()}
Vue路由跳转报错Avoided redundant navigation to current location: “/xxxxxx“.
在使用this.$router.push进行路由的跳转时,出现如下报错: 今天在开发的过程遇到了上述问题,通过查阅资料得到了解答,以自己的理解进行了整理报错原因: 当我们在使用编程式路由进行页面跳转 ...

解决React中路由跳转报错:Cannot read property ‘push’ of undefined

React中路由跳转报错:

解决方案:

1)给组件添加路由

2)将配置过路由的父级的history传给该组件,即可在该组件使用history跳转

解决React中路由跳转报错:Cannot read property ‘push’ of undefined相关推荐

最新文章

热门文章