React-61:错误边界

简介: React-61:错误边界

什么是错误边界?

  • 所谓的错误边界,就是将错误控制在一定的范围内,例如子组件出现了错误,不能影响父组件的显示。将错误控制在子组件内。

控制可能出现的组件错误,是在该组件的父组件中进行监控

通过getDerivedStateFromError

image.png

通过componentDidCatch进行统计错误

image.png

相关文章
|
前端开发 JavaScript
关于React Native 报Export declarations are not supported by current JavaScript version错误的解决问题
设置.js文件默认以jsx的语法打开 在没有进行设置的情况下,每次打开WebStorm的时候打开包含jsx语法的.js文件都会有以下提示: 当然我们点击转换后就可以了,但是每次都会提示,所以还是来一个一劳永逸的方法把它给去掉吧: 然后Apply/OK即可。 设置.js文件中支持react-native语法高亮 首先会发现在js文件中有不少的警告,类似这样: 这个警告的原因是因为编辑器
2681 0
|
5月前
|
设计模式 前端开发 数据可视化
【第4期】一文了解React UI 组件库
【第4期】一文了解React UI 组件库
314 0
|
5月前
|
存储 前端开发 JavaScript
【第34期】一文学会React组件传值
【第34期】一文学会React组件传值
67 0
|
5月前
|
前端开发
【第31期】一文学会用React Hooks组件编写组件
【第31期】一文学会用React Hooks组件编写组件
68 0
|
5月前
|
存储 前端开发 JavaScript
【第29期】一文学会用React类组件编写组件
【第29期】一文学会用React类组件编写组件
67 0
|
5月前
|
前端开发 开发者
【第26期】一文读懂React组件编写方式
【第26期】一文读懂React组件编写方式
55 0
|
5月前
|
资源调度 前端开发 JavaScript
React 的antd-mobile 组件库,嵌套路由
React 的antd-mobile 组件库,嵌套路由
103 0
|
5月前
|
存储 前端开发 中间件
React组件间的通信
React组件间的通信
44 1
|
5月前
|
前端开发 JavaScript API
React组件生命周期
React组件生命周期
106 1
|
5月前
|
存储 前端开发 JavaScript
探索 React Hooks 的世界:如何构建出色的组件(下)
探索 React Hooks 的世界:如何构建出色的组件(下)
探索 React Hooks 的世界:如何构建出色的组件(下)