react跳转路由报错Cannot read property ‘push’ of undefined

最新推荐文章于 2022-08-14 15:04:15 发布
最新推荐文章于 2022-08-14 15:04:15 发布
阅读量1.4k 收藏
点赞数
分类专栏： 前端 文章标签： react
原文链接：https://dsx2016.com/?p=470
版权

问题就出在父子组件上,在父组件调用子组件定义的跳转事件时,要传递history
在父组件上写 history={this.props.history}

转载自 https://dsx2016.com/?p=470

mingyuelcx
关注
专栏目录
react.js Hooks路由跳转和 react Cannot read property ‘push‘ of undefined报错解决
weixin_45621877的博客
09-19 848
Hooks跳转 一开始我直接在 关键代码3 的位置用 props.history.push(’/index’) ，直接报错react Cannot read property 'push' of undefined 搜了很多资料都是关于 父组件中的子组件的跳转报错，跟我的不一样，我这个没有父子关系 最后用如下的代码解决 主要3步 import { useHistory } from "react-router-dom"; //关键代码 1 let history = useHistory(); //关
“Cannot read property ‘push‘ of undefined”问题的解决方法
于敖东
04-28 2129
app.jsx内容如下 import React, { Component } from 'react' import AddPerson from './containers/AddPerson' import ShowPerson from './containers/ShowPerson' import EditPerson from './containers/EditPerson' import { Route, Redirect, Switch } from 'react-router' im
react父组件调用子组件的路由跳转事件报错Cannot read property 'push' of undefined
qq_37314372的博客
03-14 1540
摘要 近来在做react demo的时候碰到在my的父组件中调用login子组件的路由跳转事件Cannot read property ‘push’ of undefined 这是我的父组件 my class my extends React.Component { constructor(props) { //构造函数 super(props); } r...
解决React中路由跳转报错:Cannot read property ‘push’ of undefined
m0_60746894的博客
08-10 1225
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 ext
React-路由跳转-Cannot read property ‘push‘ of undefined
Cao_Mary的博客
04-21 1114
报错：Cannot read property ‘push’ of undefined 问题描述：使用history的push方法手动跳转路由。结果报错push方法undefined了 this.props.history.push('地址') 问题原因： 如果一个组件是通过路由创建的, 那么系统就会自动给这个组件传递一个history对象。但是如果一个组件不是通过路由创建的, 那么系统就不会给这个组件传递一个history对象，history对象都找不到了，那push方法自然就报错undefined 解
解决react Cannot read property ‘push‘ of undefined
simple5960的博客
01-04 1411
出现这个问题一般是history这个函数不能使用，那么就在hooks中引入这个函数 import {useHistory} from 'react-router-dom' //下面这句必须写在组件里面 const history=useHistory() 接下来就可以为所欲为的用history.push()啦 ...
Cannot read properties of undefined (reading ‘push‘)
Zwq8023520的博客
08-14 6242
Cannot read properties of undefined (reading 'push')
React的this.props.history.push() 报错解决方案
weixin_44205155的博客
11-03 3784
【问题】在使用React 库实现路由跳转时，出现了 cannot read property ‘push’ of undefined 【场景】左侧管理系统的菜单栏与右侧内容区域的联动。可以延伸到多种应用场景。 【解决方案】 1 使用withRouter 1.1 项目安装 react-router-dom cnpm install react-router-dom --save-dev 1.2 引入高阶组件withRouter 在使用的组件中引用高阶组件 withRouter import React fr
React直聘项目（一）：客户端基本配置
weixin_51504662的博客
02-21 494
根据尚硅谷视频做的硅谷直聘，因为这个项目比较老，许多依赖都是老版本的，很多下载的新的依赖会有冲突，以及做项目时，遇到的问题和解决的方法都会记录下来，以供参考
react-router中this.props.history为undefined?解决报错Cannot read property ‘push‘ of undefined
zrq1210的博客
11-02 5832
在使用this.props.history.push(’/xxx’)的时候遇到这个报错： 大概率原因： 只有用了Route组件，才会在子组件中注入route props(即 history, location, match) 详见官方文档route props 所以下面这个例子中， Header 和 Footer组件中，this.props.history === undefined， 在ModuleA 和 ModuleB中，this.props.history就有值（因为有< Route >
React踩坑日记:React启动后报错TypeError: Cannot read properties of undefined (reading ‘forEach‘)
顾风的博客
10-22 2万+
前言今天创建新项目运行后又出现这个问题了，之前也出现过，觉得是很正常的情况，不过我今天发现还有许多朋友不知道这个问题的解决方法，特地来记录一下。 话不多说 上图: 这个情况呢是由于你的浏览器安装了React-DevTools扩展程序的原因，安装这个东西是为了方便我们查看React元素和编译之后的一些代码，很多朋友是直接删除了，但是这不就等于是壮士断腕了嘛。解决方法如下: 1.进入项目中按照路径找到相应的文件 /node_modules/@pmmmwh/react-refresh-webpack-plug
小白使用react——解决this.props.history.push无法跳转的问题
热门推荐
yingzizizizizizzz的专栏
12-08 5万+
场景： 一个组件中，含有ul展开数组的组件，在每一行中，都能点击相应的这一行，跳转到对应的页面。 也就是说，组件套组件，子组件中this.props.history.push无法工作。提示没有push这个函数。 因为这时的props中没有history这个属性。 解决办法： 在父组件中，传递一个history。 子组件中用history.push   就可以啦 参考资料： http
React填坑之react-router刷新后报错解决方法
weixin_39168678的博客
03-30 1万+
react-router刷新后报错 之前按照各种教程用BrowserHistory（官方推荐，各种吹）实现了路由跳转 效果如下 结果一刷新就报错了，各种get不到页面….. 然后，查资料说BrowserHistory要配合服务器，然后将项目打包丢在nginx 上，然而，，然并卵并没有什么卵用，然后又查了下，说要是 当nginx找不到页面时让他去找我们配置好的页面 具体原因：...
this.props.history.push报错Uncaught TypeError: Cannot read property 'push' of undefined
github_38928905的博客
04-22 5602
情况：在app中引入了一个footerNav组件（路由也都引入了），然后在footerNav中点击按钮跳转，结果报错： Uncaught TypeError: Cannot read property 'push' of undefined 解决： 方式1 通过propTypes将父组件app对象传入子组件footerNav import PropTypes from 'prop...
React报错 TypeError: Cannot read property ‘push‘ of undefined
Gamin
02-01 1151
在项目中，处理列表跳转详情时遇到了问题。初时代码如下： import React, { Component } from 'react' import { observer, inject } from 'mobx-react'; import { Wrapper, ModalWrapper, ScrollWrapper } from './style' import ContentReport from '../contentListReport'; @inject('base','construc
weixin021基于JAVA微信点餐小程序设计+ssm.rar
最新发布
09-13
所有源码，都是可以运行起来的
基于深度神经网络的模型预测控制器(mpc-DL-controller).zip
09-13
该项目旨在开发一种基于深度神经网络（DNN）的预测最优控制器，用于对受干扰的系统（包括HVAC、太阳能电池和电池）进行控制。传统的模型预测控制（MPC）虽然广泛应用于化工、炼油厂和电力系统等行业，但在处理大量数据和实现快速实时控制方面面临挑战。利用深度神经网络的优势，本研究模拟了一种线下最优控制方案，通过对HVAC系统与电网、电池和太阳能电池板的连接进行模拟，训练一个深度神经网络（包含六层，每层五十个单元），以实现无需显式控制计算或指令的MPC控制。该项目的实施展示了深度学习和模型预测控制相结合在复杂系统中的潜力。 1、资源项目源码均已通过严格测试验证，保证能够正常运行； 2、项目问题、技术讨论，可以给博主私信或留言，博主看到后会第一时间与您进行沟通； 3、本项目比较适合计算机领域相关的毕业设计课题、课程作业等使用，尤其对于人工智能、计算机科学与技术等相关专业，更为适合； 4、下载使用后，可先查看READMe.md文件（如有），本项目仅用作交流学习参考，请切勿用于商业用途。
react antd解决报错 Cannot read properties of undefined (reading options )
08-16
这个报错通常是由于在配置路由时引入的组件文件为空导致的。请仔细检查你的路由配置文件，确保你正确引入了组件文件，并且组件文件中有有效的内容。如果你确定你的路由配置和组件文件都没有问题，那么可能是由于安装...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值