1.事件处理 2.异步加载（例如: settimeout () 与 回调等）3.服务器渲染 4.自己本身给的错误信息
下面是官方举的一个实际例子，用来说明这种Error Boundaries，其描述是如果在class组件中定义了一个componentDidCatch()
静态的getDerivedStateFromError()就会在出现错误后呈现内容。下面就是整个实例的代码部分
你也可以使用规定的组件形式来使用，用一个ErrorBoundary组件去包裹里面你的子组件中的内容就可以了
Error boundaries的工作原理就如果catch(),如果产生错误就执行什么样的内容。需要注意的就是上面所说的Error boundaries不会捕捉到的错误，如果是你当前组件发生错误，你可以将上面的ErrorBoundary组件包裹在当前组件的上面的一层。其设置的地方取决于你自己。
没有捕捉到的错误
如果你在你的组件中没有捕捉到任何的错误，但是实际上他却反生了错误，这样的话就会导致整个的react组件树崩溃。
新的表现对于Error boundaries
1.在这上面你还需要明白重要的一点，有的时候就算你捕捉到了错误，但是相比于删除来说，删除会产生更好的效果，比如：如果产品中涉及到了与信息发送有关的组件发生错误，这个时候你就有可能将信息发送错误，那么这个时候最好的方式就是去删除这个组件，又比如，当你在使用支付这个功能的时候，你的支付的金额这个组件中显示的内容有错，你每次获取或者要去改变的金额数不对，那么这就会产生一个很大的错误，那么此时换不如去直接的删除整个报错的组件。
2.增加Error boundaries能够增加更好的用户体验，如果你的组件中某个组件发生错误，但是这个发生错误的组件并不会去影响其他的组件中的交互功能。
小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。
深知大多数初中级前端工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！ 因此收集整理了一份《2024年Web前端开发全套学习资料》送给大家，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。
由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频
如果你觉得这些内容对你有帮助，可以添加下面V无偿领取！（备注：前端）
react和vue的比较
相同 1）vitual dom 2）组件化 3）props，单一数据流
不同点 1）react是jsx和模板；（jsx可以进行更多的js逻辑和操作） 2）状态管理（react） 3）对象属性（vue） 4）vue：view——medol之间双向绑定 5）vue：组件之间的通信（props，callback，emit）
开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】
tps://bbs.csdn.net/topics/618166371)**
[外链图片转存中…(img-3P4rebEk-1710690632682)]
参考链接
您阅读本篇文章共花了： 大家都在找：
react.js：react.js显示商品列表
面试：面试简历模板
前端：前端学习路线
发表评论