react 错误 记录 一

最新推荐文章于 2023-01-12 12:12:41 发布
最新推荐文章于 2023-01-12 12:12:41 发布
阅读量961 收藏
点赞数
分类专栏： 前端 文章标签： react.js javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_45060105/article/details/123417275
版权
博客内容涉及在React应用中遇到的问题，即在XXXXX_index.js文件中，自定义组件AppTable的details标签内使用了无效的class属性，应当使用className。错误信息提示了错误位置并提供了解决方案，只需将class替换为className即可修复问题。此外，还提到了React组件命名时大小写的注意事项，指出component的小写可能导致错误。
摘要由CSDN通过智能技术生成

定位错误所在位置
找到第一个index.js所出现的那行，从下往上解读
以下错误信息的解读：在目录 XXXXX_index.js的自定义主键的名字AppTable下的details标签内的class属性无效，应该是className属性
解决：把class改为className就好
在这里插入图片描述
在这里插入图片描述

在这里插入图片描述

问题：
在这里插入图片描述

问题原因
React.component的component的c小写了
在这里插入图片描述

成长的大白
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
温心笔记.zip记录react测试例子
12-17
在温心笔记.zip中，我们找到了一系列关于React测试的实例记录。React是Facebook开发的一款流行的JavaScript库，用于构建用户界面，尤其是单页应用程序。在React应用的开发过程中，测试是确保代码质量、可靠性和可...
react-react面试题之捕获错误的方式.zip
03-20
React 16 引入了错误边界的概念，它是一个React组件，可以捕获其子组件树任何位置发生的JavaScript错误，并且渲染出备用UI，而不是让应用崩溃。创建一个错误边界非常简单，只需要将`componentDidCatch`生命周期方法...
React 错误处理和日志记录的思考与设计
C.
09-07 1176
在平时的工作，js报错是比较常见的一个情景，当出现错误的时候，用户上报问题我们往往需要去定位问题的原因，但是因为错误存在于用户的客户端，所以我们没法很好的拿到错误的信息，所以如果当我们前端js出现异常的时候能及时上报的话，那我们的问题就比较好解决了。我们先不考虑使用现成的平台，因为我们想要的功能比较简单，而且部署一套监控平台公司不一定允许，所以可以考虑在自己项目中进行处理，不引用第三方的平台。，网上比较多推荐的是：sentry，它对异常数据的收集和分析更加完善，如果公司有条件私有化部署的话比较推荐使用。
React随记：React常见报错及解决方案
鸡肋佐的博客
01-12 3532
React常见报错及解决方案
React中利用Error Boundaries实现错误捕捉
ｎｅｗｘｃ
05-18 362
部分 UI 的 JavaScript 错误不应该导致整个应用崩溃，为了解决这个问题，React 16 引入了一个新的概念 —— 错误边界。 Error Boundaries介绍 错误边界是一种 React 组件，这种组件可以捕获发生在其子组件树任何位置的 JavaScript 错误，并打印这些错误，同时展示降级 UI，而并不会渲染那些发生崩溃的子组件树。错误边界可以捕获发生在整个子组件树的渲染期间、生命周期方法以及构造函数中的错误 错误边界无法捕获以下场景中产生的错误： 事件处理 异步代码（例如 se.
react捕获错误（个人笔记，非教程）
qq_44408123的博客
10-08 524
自定义一个捕获错误的父组件，子组件可直接被嵌套，这样不用每个子组件都去捕获错了 class ErrorBoundary extends React.Component { constructor(props) { super(props); this.state = { hasError: false }; } 方法一 static getDerivedState...
09-react错误监听.md
最新发布
03-31
大厂前端面试实际工作经验问题|# 开始...- 错误监控的实践 （不是真实项目，很少有错误监控） ## 注意事项 应届毕业生也需要工作经验 —— 你的毕业设计，实习经历 ## 看几个题目 列几个有代表性的问题，参考视频。
GlenGithub#AndroidNote-1#ReactNative报错记录1
07-25
React-Native 报错记录例如：Component is not defined错误原因：在当前的js文件中没有定义或者没有引入这个组建，并且有调用的地
机器人记录React
02-15
您还将在控制台中看到任何棉绒错误。 npm test 在交互式监视模式下启动测试运行程序。 有关更多信息，请参见关于的部分。 npm run build 构建生产到应用程序build文件夹。 它在生产模式下正确捆绑了React，并优化...
React 开发错误记录
qq_44888570的博客
12-14 2159
长期更新 正文 1. Error: Rendered fewer hooks than expected. This may be caused by an accidental early return state… hooks函数的调用问题，简单来说，不要在循环，条件或嵌套函数中调用 Hook， 确保总是在你的 React 函数的最顶层以及任何 return 之前调用他们。遵守这条规则，你就能确保 Hook 在每一次渲染中都按照同样的顺序被调用。 2. ...
React 错误记录
keny-大成的博客
05-19 2638
React 错误记录 my-app apple$ npm install npm ERR! code ERESOLVE npm ERR! ERESOLVE could not resolve npm ERR! npm ERR! While resolving: react-router@2.8.1 npm ERR! Found: react@16.8.6 npm ERR! node_modules/react npm ERR! react@"^16.8.6" from the root projec..
ReactNative 定位问题
njz582752848的博客
04-19 5661
RN的定位官方提供了API Gecolocation ，通过这个api我们可以拿到当前的经纬度，代码如下： componentDidMount(){ navigator.geolocation.watchPosition( (position) => { let longitude = JSON.stringify(p
js定位到第一个错误位置
Just A Kid
09-23 1341
在页面中，有时有多个input内容错误，当你需要定位到指定错误的位置时，以下的代码可以实现： // 定位到指定位置错误信息位置 // read_zyl未指定位置的id var postion = false; if($("#read_zyl").attr('disabled') == undefined && !postion) { var loc
React 的错误提示
weixin_33713707的博客
05-29 2022
一、使用 JXS 报错 Uncaught SyntaxError: Unexpected token < 原因：凡是在页面中直接使用 JSX 的地方,都要加上 type="text/babel"，在引用 JS 文件的地方加上 type="text/babel" 二、表达式引号 Minified React error #...
React错误收集
weixin_30687051的博客
05-28 235
1.Uncaught Error: Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: undefined. You likely forgot to export your compon...
react key值报错
liuxi_happy的博客
11-11 1092
使用react的时候很容易出现key报错的问题，一般的解决方式就是，再报错的页面搜索 map 或者 forEach 这俩个方法，添加唯一的key标识符 {arr.map(item)=>{ <div value={item.name} key={item.id}>{item.name}</div> } }(切记key必须是唯一的，如果没有唯一值，你可以使用index作为key值) {arr.map(item，index)=>{ <div valu
react中的错误处理边界-getDerivedStateFromError-componentDidCatch
aliven1的博客
10-08 1201
getDerivedStateFromError 1.必须有return,state中标记这个错误，并根据这个错误编辑，决定渲染哪个页面 componentDidCatch 1.只捕获钩子函数中的错误
Uncaught (in promise) TypeError: Super expression must either be null or a function
漫游学海之旅
01-06 9664
React 项目中出现错误定位错误文件 index.js 这个错误一般是 某个地方 书写不对例如 React.Components // 多了 一个 sReact.component // 首字母应该大写 相关参考： http://stackoverflow.com/questions/30116430/reactjs-giving-error-uncaught-typeerr
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值