React.js组件生命周期错误处理阶段

错误处理有两种主要方法。这些方法用于React的错误边界机制中。我们将组件(有可能发生错误的地方)包装在处理以下方法的类中。

  • 静态方法getDerivedStateFromError(error)

  • componentDidCatch(error,info)

静态方法getDerivedStateFromError(error):正如方法名称所暗示的,我们可以根据从降级组件收到的错误在此处更新状态对象。

componentDidCatch(error,info):我们可以使用api调用记录错误。这有助于在屏幕上显示有用的错误消息,而不是技术错误。

如果一个类实现了两个错误处理生命周期方法中的至少一个方法,则可以将其称为错误边界。它的主要目的是在出现错误时显示后备ui。

如果错误边界类未缓存错误,则将删除该组件下方的整个react组件树。

我们可以在某些方法中使用try catch,但是在应用程序范围内,使用错误边界是更好的标准。它使反应的声明性保持完整。

请注意-错误边界功能在生产模式下有效。在开发模式下,它将直接在浏览器上显示实际错误。

以上是 React.js组件生命周期错误处理阶段 的全部内容, 来源链接: utcz.com/z/350129.html

回到顶部