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

最新推荐文章于 2021-12-28 11:32:00 发布
最新推荐文章于 2021-12-28 11:32:00 发布
阅读量656 收藏
点赞数
分类专栏： 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
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
解决ant Design中this.props.form.validateFields未执行的问题
01-18
在使用ant Designd的 form 组件时发现点击提交方法中 this.props.form.validateFields((err, values) => {}) 部分未执行，也没有报错。 原因： 我使用了自定义校验 validator ，在自定义校验方法中有个错误，使用了未定义的变量。 注意： 1、使用validator 时，注意自定义方法中是否有错误；对于如何解决没有错误提示，官网提示：可以选择通过 async 返回一个 promise 或者使用 try…catch进行错误捕获，具体查看官网form组件； 2、使用validator 时，自定义方法中 callback 必须被调用。
在子组件中对props里的值进行处理报错
Blablabla_的博客
11-08 959
问题描述：在created函数中对props里的值进行处理报错，显示没有定义.substr这个属性 props: { swiperCustomInfo: { type: Object } } created: function(){ this.endtime = this.swiperCustomInfo.endTime.substr(0, 10); ...
使用react的使用this.props.history.push()报错
蓝枫秋千的踩坑记录
01-15 3753
使用react进行js方法进行路由跳转的时候,我一个组件要跳转到另外一个路由,但是使用this.props.history.push(“路径名”)的时候给我报错,从别的页面跳转回这里也没问题,去打印this.props是一个form对象,打印this.props.history的时候是undefined,说明父组件并没有传递一个history过来 解决方法: 到父组件中传递一个this.props...
React中编程式导航踩坑
Help Her
12-03 374
react-router 中 this.props.history 未定义 undefined 报错 Cannot read property ‘push‘ of undefined 在函数组件或类组件中 import React from 'react'; import ReactDOM from 'react-dom'; import { BrowserRouter as Router, Route, Link } from 'react-router-dom'; class Child exte
React中一般组件中使用this.props.history的路由跳转出现的问题以及解决方法
小多的博客
12-28 1827
TypeError:Cannot read property 'goBack' of undefined 或者TypeError:Cannot read property 'push' of undefined等 原因：在React中，一般组件没有history等方法，因为一般组件没有传值，props收到的是一个空对象，只有路由组件中才有 解决方法：使用withRouter，withRouter是专门解决一般组件中使用路由组件中的API的情况 在一般组件中引入import {withRouter} fro
this.props.history.push报错push undefined
qq_41820599的博客
12-13 1645
由于父组件没有传给子组件history的值，所以会报错 方法1：父组件加上history={this.props.history}（我用没好使） 方法2：子组件import { withRouter } from ‘react-router’ export default withRouter(Index)
react-router中this.props.history为undefined?解决报错Cannot read property ‘push‘ of undefined
zrq1210的博客
11-02 5692
在使用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（47）——通过调用this.props.history的方法来实现路由的Link组件功能，使用withRoute将非路由组件变为路由组件
木子 旭的博客
03-21 2034
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 2847
调用后返回上一页&&跳转至当前页 this.props.history.goBack(); 返回 this.props.history.push("/index/setting/basicsetting"); 跳转 this.props.history.go(-1) 跳转 当使用时出现以下错误Cannot read property 'push' of un...
城市列表（一）-顶部导航——回退的三种写法-this.props.history.push(‘home‘) & goBack() & go(-1)
weixin_44867717的博客
02-19 669
城市列表（一）-顶部导航——回退的三种写法-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
prop-types.js 用于对 props 进行限制
最新发布
09-27
prop-types.js； 用于React对 props 进行限制； React库文件；
Vue.js组件props数据验证实现详解
10-16
主要为大家详细介绍了Vue.js组件props数据验证的实现方法，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
详解vue.js之props传递参数
10-18
给大家详细分析了vue.js之props传递参数的相关知识以及问题解决方法，需要的朋友参考下吧。
Vue.js组件使用props传递数据的方法
10-16
主要为大家详细介绍了Vue.js组件使用props传递数据的方法，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
this.props.history.push传值
热门推荐
读心悦
11-26 2万+
react路由设置中，除了标签以外，还有一个this.props.history.push，设置落雨跳转和传值： 第一种方式：在父组件中，设置路由标签： <Link to="/about/:id">About</Link> 第二种方式：在父组件中，设置点击事件： <div onClick={this.click.bind(this)}>About</di...
React：关于this.props.history.push跳转失败的思考与解决
tuzi007a的博客
08-29 4396
大家好，我是梅巴哥er。本篇介绍关于页面跳转的问题。 最近在练习一个项目，从登录页面，点击登录，跳转到主页。 但是，写好了代码，怎么跳都跳不过去。 请求的数据是能请求到的，能正常显示，页面也有跳转反应，但是一直不能跳转到主页。只是在登录页面打转转。 简略代码如下： import axios from axios handleClick = () => { let params = { username: this.state.username, pa
this.props.history.push 传参数 url、state 混合传参
AS_TS的博客
09-18 7482
1. url 传参 一般跳转传递 id 都放入 url 中 this.props.history.push(`/document-analysis/fans-list?id=${this.state.bloggerId}`) 地址栏显示 在跳转接收页 this.props.location 打印的路由参数 2. state 传参 跳转时需要带其他较多数据，无法在 url 上携带，可以使用 state 传值 this.props.history.push({ pathname: `/document-a
React-35：编程式路由导航
臧小川的博客
08-25 227
借助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() 报错解决方案
weixin_44205155的博客
11-03 3690
【问题】在使用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
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、付费专栏及课程。

余额充值