![](https://img-blog.csdnimg.cn/20201014180756724.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
React疑难杂症
文章平均质量分 61
Fliessenn
这个作者很懒,什么都没留下…
展开
-
【react】启动新项目时报错:Uncaught TypeError: Cannot read property ’forEach‘of undefined
一、问题描述 忙里偷闲,想重开个项目,用作练习项目。但是在 npm i ,启动后,项目没有出现React转圈圈的动画。一开控制台报了如下错误:二、问题解决思路 本来想顺藤摸瓜找到这个文件看看那句话是咋回事,但是用vscode打开的工程里全局搜愣是找不到。我自己去node_moudle顺着字母找下去,也毫无收获,没这文件。 但是无论我怎么重新启动都报这个错,然后不信邪就去直接找项目文件夹。嘿,很轻松一眼找到了。 ...原创 2021-09-10 14:20:44 · 1150 阅读 · 2 评论 -
【react+antd】使用Table组件报错Unhandled Rejection (TypeError): data.slice is not a function
一、问题描述 需求要把从后端取到的数据放到table中展示,因为还没有联调,前后端都在各自开发各自的,于是我自己根据需要编了写伪数据填进去。结果就开始报错,Table.js:968 Uncaught (in promise) TypeError: data.slice is not a function。如下图:二、解决思路 看了下报错提示,在Table.js里,那就是Table组件使用出问题了。那么肯定就是里面填的值有问题呗。以下是我编的伪数...原创 2021-06-28 15:06:04 · 3722 阅读 · 0 评论 -
【React】报错:Error: Element type is invalid: expected a string (for built-in components) or a class/fun
CSDN,记录今日份离谱事件不想看长篇大论可以解决方法如下,但只适用于我这个问题:解决方法:在引用组件处路径后加.jsimport XXXXX from "./XXXXX.js"目录一、报错描述二、解决思路三、解决方案(仅适用我这种错误情况)四、心情感想一、报错描述 我在一个组件中引用另一个封装好的组件,然后,报错了 那报错的信息多的可谓是,错山错海、错上加错、错得离谱,红彤彤一片有一种罄竹难书的感觉(就不具体放出来了)...原创 2021-06-24 16:54:40 · 2995 阅读 · 0 评论 -
【react】this.setState一个属性,另一个属性值也跟着改变
目录一、问题描述二、问题分析三、问题解决1、JSON.stringify将对象转化成字符串2、JSON.parse把字符串转成新的对象3、这样创建的对象就会指向新的地址,当进行修改的时候,另一个属性值不变四、涉及相关知识1、JavaScript中基本数据类型和引用类型2、访问方式一、问题描述在完成一个需求的时候,遇到了一个离谱的事情。我在生命周期函数中,页面渲染之前就调用一个接口固定了一个state中一个属性的值,然后其他地方都是用它给另一个属性赋值.原创 2021-03-30 09:59:56 · 1404 阅读 · 1 评论 -
【React】报错:react.development.js:315 Warning: React.createElement: type is invalid。。。
目录一、问题描述二、问题原因分析三、问题解决四、总结一、问题描述今天写新需求的时候,老js文件中动辄几千行,前人把好多东西都揉在一起。想着新功能就写在新的js文件中好了。于是引用了新的js文件,可是报出了如下错误二、问题原因分析隐约知道应该是引入方面或者是导出方面的问题,但是也没有准确定位到在哪里有问题最后在网上检索了下相关问题,好像也不是很沾边于是又看了看代码,很明显发现ctrl点击的时候不跳转,鼠标悬浮其上出现的信息有问题。那就一定是引..原创 2021-03-10 14:29:02 · 1957 阅读 · 0 评论 -
【React】replace(“\n“,“ <br>“)失效
最近又有日志展示优化的需求进行转换的时候replace("\n"," <br>")失效了于是找了下解决方法解决方法在\n之前再加一个\,让其进行解析,有效发现要是有些字段认不出来,就在之前疯狂加\,就可以了...原创 2021-02-04 10:48:34 · 1859 阅读 · 0 评论 -
调用接口数据无法展示在页面上
在写代码的时候,调用接口,数据总是没办法显示在页面上一直在找原因,真的是特别奔溃修改前代码:request = ()=> { let baseUrl = 'https://www.easy-mock.com/mock/。。。。' axios.get(baseUrl+'/table/list').then((res) => { if( res.code === 200 ) { this.setState({ dataS原创 2020-09-30 16:43:53 · 2068 阅读 · 0 评论 -
人间迷惑行为:为栅格的Col使用calc函数设置min-width时,栅格样式失效
在网上跟着视频学习,真的迷惑行为,我在Col中使用calc函数设置min-width样式的时候,出现了栅格样式失效的情况不要写成100% - 30px,盛不下,把右面的内容挤下去了。事情是这样的:跟着老师一起打的以下代码:.nav-left { min-width: calc(100% - 30px); height: calc(100vh); background-color: aqua; ..原创 2020-09-03 17:17:40 · 644 阅读 · 2 评论 -
配置LESS文件报错:ValidationError: Invalid options object. Less Loader has been initialized using an option
按照网上的配置LESS文件的步骤进行配置之后,配置步骤报错:在网上查找资料发现是less-loader版本的问题,要将该版本回退到5.0.0,但是具体为什么将版本回退我还不知道是为什么查找到的资料解决方法:删除已安装的less-loaderyarn remove less-loader安装5.0.0版本yarn add less-loader@5.0.0之后,成功...原创 2020-09-02 15:22:14 · 16241 阅读 · 3 评论 -
暴露webpack配置文件时报错:Remove untracked files, stash or commit any changes, and try again.
使用yarn eject 时,报错:使用npm add eject 时报错:原创 2020-09-02 14:09:20 · 211 阅读 · 0 评论 -
在less中书写的样式失效
在less文件中写了一个样式,让一个div中的所有div都呈现position: absolute.filterCol { & > div { position: absolute; }}可是在网页里这个样式完全失效问了师傅,发现是在className的书写格式上出现问题原本写的className格式:<div className="filterCol">应该改成:<div c..原创 2020-08-20 16:52:15 · 1492 阅读 · 0 评论 -
npm start无法使用报错
我的解决方法:一、删除node_mouble,重装二、运行npm run build原创 2020-08-13 10:31:17 · 1703 阅读 · 0 评论 -
React报错Error: React.Children.only expected to receive a single React element child.
在用react-transition-group的时候报错Error: React.Children.only expected to receive a single React element child.在网上找的时候看到有很多是因为注释的问题,于是将注释全都删除,还是进行报错之后就各种找错,有的没的改了一推最后发现是因为in、timeout的属性没有写在<CSSTransition>里,我都服了我自己了最玄幻的是,编译竟然每次都是成功的,我就说为什么这些属..原创 2020-08-05 15:21:57 · 1604 阅读 · 0 评论 -
Raect中引入图片报错:‘XXX‘ is defined but never used no-unused-vars
在引用图片的时候VScode报错但是在底下的解决方案也有给出在importafrom'./assets/a.png';之前加上蓝字部分的注释即可// eslint-disable-next-lineimport a from './assets/a.png';报错解决实际上即使在VScode终端和网页的控制台上报错,但是却不影响图片在页面上进行展示...原创 2020-08-04 10:39:27 · 305 阅读 · 0 评论 -
React项目中使用css样式修饰——css样式失效
不要写成以下形式<button className = 'css-btn' onClick = { this.handleBtnClick }>添加</button> className之后的=左右两边不要加空格反正就是很迷的感觉写C++写贯了,喜欢在=的两边都空出一格方便区分查看结果在设置样式的时候因为这样写了,结果其他都是对的,就是样式失效在页面中呈现不出来我感觉我的直觉还是蛮准的,想了下总觉得是不是空格的原因,就把空格删除了,于是样式就出来了。。.原创 2020-07-24 11:08:34 · 1643 阅读 · 0 评论