React报错history is undefined解决方法

已于 2022-08-10 15:56:08 修改
阅读量962 收藏
点赞数
分类专栏： js React 文章标签： react.js
于 2022-07-01 15:53:09 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/qq_64436918/article/details/125560280
版权

1、如果react-router的版本是4，,把4卸载换成3的

npm uninstall react-router 卸载4

npm install react-router@3 安装3

 2、这里如果引入的不是路由的js文件也会报错，要引入路由的js文件

引入这个js文件

react router native报错：cannot read property location of undefined
yellowpig1210的专栏
02-16 1865
兜兜转转，我又搞回了rn。节后复工，跟不上进度很难受，希望能重拾初心。 项目需要，在rn中引入router，选择了react-router-native。照着官网的例子搞， import { Router, Route } from 'react-router-native' <Router> <Route path="/" component={ Test...
ReactJS & dva 项目常见报错问题与解决方法 （react-router 4）
热门推荐
Wu_shuxuan的博客
01-03 1万+
1. 项目中用 dva-cli 生成路由： 命令行：$ dva g route users 报错信息： AssertionError [ERR_ASSERTION]: getRouterTree: component should be one of Router, Route, Redirect, IndexRedirect, IndexRoute at ...
解决 react-router 中 history is 'undefined' 的问题
weixin_33697898的博客
06-04 3539
2019独角兽企业重金招聘Python工程师标准>>> ...
reacthooks中app.js里面useHistory报错：The prop `history` is marked as required in `Router`, but。。。
关中刀客在青岛
12-25 1874
用reacthooks 重写项目，在使用useHistory时发现写在其他页面正常跳转，而写在app.js里的不正常，报错 hook The prop `history` is marked as required in `Router`, but its value is `undefined` 打印了一下果然是undefined，仔细对比其他页面，发现路由是定义在app.js中的，所以其他页面相当于是路由的子组件，环境不一样。 经查找，app.js中的正确使用方法是： import { c
react-router中this.props.history为undefined?解决报错Cannot read property ‘push‘ of undefined
zrq1210的博客
11-02 6048
在使用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 >
小程序报错：ReferenceError:history is not defined
maimunai的博客
04-22 3535
小程序修改 app.js 时报错：ReferenceError:history is not defined 在小程序的配置文件中添加配置时，出现 ReferenceError:history is not defined 的报错： app.js： { "pages": [ "pages/index/index", "pages/scenece/scenece", ...
react 点击报错修改this指向问题
周家大小姐
12-05 362
方法一,在实例中bind修改this指向 class Toggle extends React.Component { constructor(props) { super(props); // 这边绑定是必要的，这样 `this` 才能在回调函数中使用 this.handleClick = this.handleClick.bind(this); } ...
react踩坑记录
weixin_39168678的博客
07-13 943
1 Multiple configuration files found. Please remove one: 如果你在根目录下自己建了个babel的配置文件 .babelrc，然后又好死不死的npm run eject把配置打开 package.json里面就又了babel的配置了，删掉任意一处配置即可 2 react useHistory hook 返回 undefined useHistory won’t work in the component where you have your Rou
Cannot read properties of undefined (reading ‘push‘)
Zwq8023520的博客
08-14 7181
Cannot read properties of undefined (reading 'push')
React 全家桶含自定义hook的方法
小王的技术库
06-09 617
React：用于构建用户界面的 JavaScript 库。由 开发且开源。原生 JavaScript 的痛点：React 的特点：相关 JS 库： 创建虚拟 DOM 的两种方式：JS 和 JSX 使用 JS 创建虚拟 DOM 比 JSX 繁琐 JSX 可以让程序员更加简单地创建虚拟 DOM，相当于语法糖 最终 babel 会把 JSX 语法转换为 JS JS创建 JSX创建（最终babel转为js） 虚拟 DOM && 真实 DOM 关于虚拟 DOM： JSX JSX 简介 全称：JavaScri
history错误处理
qq_36862498的博客
03-23 441
一直存在一个warning：Please use require("history").createHashHistory instead of … 把这两行代码：// import creatHistory from ‘history/createHashHistory’ //返回上一页这段代码 // const history = creatHistory();//返回上一页这段代码 改为：...
React Router 4 this.context 未定义错误 history undefined
lhwomg的专栏
07-06 2467
代码： class App extends React.Component { constructor(props, context) { super(props, context); console.log("context",this.context) //=> object render(){ return { this.
React事件处理方法中this指向为undefined的四种解决方案
人间真的不值得的博客
02-16 2248
React事件处理方法中this指向为undefined的四种解决方案: 话不多说,先上代码 如图所示:点击’-‘按钮数字减一,并打印出当前数字,点击’+'按钮数字加一,并打印出当前数字 <div id="root"></div> <script src="js/react.development.js"></script> <script src="js/react-dom.development.js"></script> &lt
ant design pro 代码学习(五) ----- 知识点总结1
夕阳枫的博客
07-04 4228
1、React.Children   React.Children 是顶层API之一，为处理 this.props.children这个封闭的数据结构提供了有用的工具。 this.props.children 的值有三种可能：如果当前组件没有子节点，它就是 undefined ；如果有一个子节点，数据类型是 object ；如果有多个子节点，数据类型就是 array 。所以，处理 this....
前端路由学习笔记
weixin_51719919的博客
02-11 1135
实习过程中遇到项目中引用文件时，路径前面经常有“@”，之前没见过这种引用方式，原来是Umi 内置了以下别名： @，项目 src 目录 @@，临时目录，通常是 src/.umi 目录 umi，当前所运行的 umi 仓库目录 ...
关于react项目中使用useHistory引入包失败的原因
weixin_65243943的博客
07-17 861
关于react项目中使用useHistory引入包失败的原因
前端页面undefind错误
weixin_44724060的博客
04-12 1210
前端页面出现undefind错误只有三种原因 1.拼写错误，不管是文件名拼写错误，或是路径拼写错误。不管是字母打错了，或是符号打错了。总而言之，你打出来的东西和你想要的东西有差别，导致浏览器无法找到文件出现错误。 这种错误在有编辑器的情况下很容易发现，统一的修改方式就是将改正错误的拼写。 2.加载错误：这种错误一般有两种 1、载入顺序出错，浏览器加载文件时会自上而下加载，部分文件中需要引用其他文件...
vue3.x中useRouter()执行后返回值是undefined问题
weixin_43422861的博客
12-06 9980
useRouter
但是在class写法中会报错 React is undefined
最新发布
05-31
如果您在使用类组件时遇到了React is undefined的错误，这通常是因为您没有正确引入React。请确保您在文件的顶部添加了以下代码： ```jsx import React from 'react'; ``` 这将从React库中导入React对象，您可以在类组件中使用它。如果您已经添加了上述代码，但仍然遇到了该错误，请检查您的React版本是否正确或者是否已经安装React库。您可以通过以下命令来安装React： ```bash npm install react ``` 如果您使用的是Create React App等脚手架工具创建的项目，React库已经预先安装好了，您可以直接开始编写代码。如果您仍然遇到问题，请检查您的代码是否有其他错误。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值