数据结构
网络
RDBMS
操作系统
Java
MS Excel
iOS
HTML
CSS
Android
Python
C 语言
C++
C#
MongoDB
MySQL
Javascript
PHP
物理
化学
生物
数学
英语
经济学
心理学
社会学
时尚研究
法律研究React.js 组件生命周期错误处理阶段
错误处理中有两种主要方法。这些方法在 React 的错误边界机制中使用。我们将包含发生错误的可能性所在的组件包装在一个类中，此类处理了以下方法。
- 静态方法 getDerivedStateFromError(error)
- componentDidCatch(error, info)
静态 getDerivedStateFromError(error)：顾名思义，我们可以根据从下属组件接收到的错误在此处更新状态对象。
componentDidCatch(error, info)：我们可以使用 API 调用记录错误。这样有助于在屏幕上显示有用的错误消息，而不是技术错误。
如果一个类至少实现上述错误处理生命周期方法中的一个方法，就可以被称为错误边界。它的主要目的是在我们收到错误后显示备用 UI。
如果错误没有被错误边界类缓存，那么低于该组件的整个 React 组件树将被移除。
我们可以在一些方法中使用 try 捕获，但在应用程序范围使用错误边界是更好的标准做法。它保持了 React 的声明式性质。
请注意，错误边界功能在生产模式下运行。在开发模式下，它会直接在浏览器中显示实际错误。
更新于： 2019 年 9 月 4 日
756 次浏览
广告