this.props.history.push报错 “push”，“go”...未定义

最新推荐文章于 2022-03-07 21:13:25 发布
最新推荐文章于 2022-03-07 21:13:25 发布
阅读量697 收藏
点赞数
分类专栏： react 高阶路由的坑 文章标签： react
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_45901735/article/details/106845024
版权

我实际开发碰到过很多次，结果打印了this.props 在组件中打印出了 history记录，在app.js中打印出来却是loaction记录,因为是一开始，路由没跳转，也没有记录 所以 建议不要再开始文件 app.js文件中使用this.props.history.push()或者go等等方法 （react.js高阶路由坑之一） 走波关注 谢谢

The little baby
关注
专栏目录
笔记,前端重点 js,es6,vue2,vue3,小程序...... (记得收藏)
qq_61686552的博客
06-16 865
前端 重点，重点，重点
Node.js躬行记（24）——低代码
虚幻私塾
10-17 358
低代码开发平台（LCDP）是无需编码（0代码）或通过少量代码就可以快速生成应用程序的开发平台。让具有不同经验水平的开发人员可以通过图形化的用户界面，通过拖拽组件和模型驱动的逻辑来创建网页和移动应用程序。低代码的核心是呈现、交互和扩展，其中呈现和交互需要借助自行研发的渲染引擎实现。而此处的扩展特指物料库，也就是各类自定义的业务组件，有了物料库后才能满足更多的场景。在 4 个月前研发过一套可视化搭建系统，当时采用的是生成代码的方式渲染页面。
React——props.history 是 undefined
weixin_43848532的博客
05-16 1336
用 withRouter 包裹导出 import { withRouter } from 'react-router-dom' export default withRouter(XXX);
react-router中this.props.history为undefined?解决报错Cannot read property ‘push‘ of undefined
zrq1210的博客
11-02 5900
在使用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 >
封装使用组件的过程中打印this.props发现history属性为空，不能进行路由跳转
rfalcon的博客
03-10 363
问题图片 解决 导入withRouter，组件导出时使用withRouter包裹 import { withRouter } from 'react-router-dom' export default withRouter(Counter) 这时候后台就会出现相关信息：
当React在 this.props 中找不到 history 时
why404
07-02 1917
在 React 中正常来说只有在 包裹的组件中才能在 this.props 属性中找到 history 对象 但有些情况下我们就是希望在一个没被 包裹的组件中用到 history 对象，比如：异步加载数据后跳转 网上有些方法提到可以在 class 前加上 @withRouter 的修饰 import { withRouter } from 'react-router-dom' @withRouter class ... 这种做法有时候会出现 Support for the e...
react中子组件取不到this.props.history
热门推荐
sanstu的博客
04-25 1万+
之前写react的时候发现被react-redux的connect包裹的子组件取不到this.props.history这个对象，可是我又的确需要这个对象怎么办？解决办法也很简单，首先你需要这个import PropTypes from 'prop-types'然后你的组件.contextTypes = { router: PropTypes.object.isRequired }然后你就可以...
this.props.history.push 报错 TypeError: Cannot read properties of undefined (reading 'props')
05-22
在这种情况下，这个错误是由于你尝试在一个没有传递props的组件中使用this.props.history.push()方法引起的。 有几种可能的解决方案： 1. 确保你的组件是通过路由器渲染的。如果你的组件没有通过路由器渲染，它将...
/** * createDelivery - 创建包材 */ createPackagingMaterial() { const { dispatch, history } = this.props; const { creationListSelectedRows = [] } = this.state; dispatch({ type: 'deliveryCreation/batchCreateDelivery', data: creationListSelectedRows, }).then((res) => { if (getResponse(res)) { if (res.length === 1) { const asnHeaderId = res.map((n) => n.asnHeaderId); // 前端判空/未定义 if (!isNil(asnHeaderId)) { notification.success(); history.push({ pathname: `/sinv/delivery-creation/detail/${asnHeaderId}` }); } } else if (res.length > 1) { notification.success(); history.push({ pathname: `/sinv/delivery-creation/detailTable` }); } } }); }
最新发布
07-11
首先，它从组件的props中获取dispatch和history对象。然后，它从件的state中获取creationListSelectedRows数组，默认为空数组。 接下来，它使用dispatch方法触发一个名为'deliveryCreation/batchCreateDelivery'的...
2022年最新前端面试题（大前端时代来临卷起来吧小伙子们..持续维护走到哪记到哪）
fwdwqdwq的博客
03-07 2998
HTML和Css部分 1、对BFC规范（块级格式化上下文）的理解 BFC 块级格式化上下文 一块独立的区域，有自己的规则，bfc中的元素与外界的元素互不影响 BFC是一块用来独立的布局环境，保护其中内部元素不受外部影响，也不影响外部。 怎么触发BFC 1. float的值left或right 2. overflow的值不为visible（默认） 3. display的值为inline-block、table-cell、table-caption 4. position的值为absolute（绝对定位）或f
(八)学习笔记--解决react中history.push无效的问题
Augustine_Cyq的博客
05-26 4301
场景： 一个组件中，含有ul展开数组的组件，在每一行中，都能点击相应的这一行，跳转到对应的页面。 也就是说，组件套组件，子组件中this.props.history.push无法工作。提示没有push这个函数。 因为这时的props中没有history这个属性。 解决方法 1. 使用 withRouter withRouter高阶组件，提供了history让你使用~ import React from "react"; import {withRouter} from "react-r.
this.props.history.push报错push undefined
qq_41820599的博客
12-13 1690
由于父组件没有传给子组件history的值，所以会报错 方法1：父组件加上history={this.props.history}（我用没好使） 方法2：子组件import { withRouter } from ‘react-router’ export default withRouter(Index)
React中的this.props.children
weixin_30616969的博客
05-10 128
React this.props.children this.props对象的属性与组件的属性一一对应，但是有一个例外，就是this.props.children属性。它表示组件的所有子节点。 var NotesList = React.createClass({ render(){ return ( <ol> ...
城市列表（一）-顶部导航——回退的三种写法-this.props.history.push(‘home‘) & goBack() & go(-1)
weixin_44867717的博客
02-19 738
城市列表（一）-顶部导航——回退的三种写法-this.props.history.push(’/home’) & goBack() & go(-1) 顶部导航 使用antd导航组件NavBar https://mobile.ant.design/components/nav-bar-cn/ Index/index.js <NavBar mode="light" icon={<Icon type="left" />} onLeftClick={() =&g
react（47）——通过调用this.props.history的方法来实现路由的Link组件功能，使用withRoute将非路由组件变为路由组件
木子 旭的博客
03-21 2199
1.this.props.history.push方法 this.props.history.push()该方法中的参数为Link组件的to属性，也可以传递state； this.props.history.push(`/Page2/Div1`) //等同于 <Link to=`/Page2/Div1`></Link> this.props.history.push(`/Page2/Div1`,{ id: 1, message: "你好啊" }) //等同于 &lt
react项目经验
05-25 2887
调用后返回上一页&&跳转至当前页 this.props.history.goBack(); 返回 this.props.history.push("/index/setting/basicsetting"); 跳转 this.props.history.go(-1) 跳转 当使用时出现以下错误Cannot read property 'push' of un...
React-35：编程式路由导航
臧小川的博客
08-25 254
借助this.prosp.history对象上的API对操作路由跳转、前进、后退 this.prosp.history.push() 有记录 this.prosp.history.replace() 不留记录 this.prosp.history.goBack() 回退 this.prosp.history.goForward() 前进 this.prosp.history.go() -2 回退两步 1 前进一步 例子: back = ()=>{ // 回退 this.props.hi
react路由跳转使用 this.props.history.push('/app')
luckysyy的博客
11-07 1万+
react路由跳转使用  this.props.history.push('/app')； 使用withRouter包裹connect,实现跳转的问题； export default withRouter(connect(mapStateToProps)(OpenAccountContainer))
this.props.history.push无效
03-16
2. 在函数组件中使用 `this.props.history.push`，应该使用 `useHistory` hook。 3. 在 `BrowserRouter` 组件外部使用 `this.props.history.push`，应该使用 `BrowserRouter` 包装整个应用程序。 4. `this.props....
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值