React.js组件生命周期错误处理阶段
错误处理有两种主要方法。这些方法用于React的错误边界机制中。我们将组件(有可能发生错误的地方)包装在处理以下方法的类中。
静态方法getDerivedStateFromError(error)
componentDidCatch(error,info)
静态方法getDerivedStateFromError(error):正如方法名称所暗示的,我们可以根据从降级组件收到的错误在此处更新状态对象。
componentDidCatch(error,info):我们可以使用api调用记录错误。这有助于在屏幕上显示有用的错误消息,而不是技术错误。
如果一个类实现了两个错误处理生命周期方法中的至少一个方法,则可以将其称为错误边界。它的主要目的是在出现错误时显示后备ui。
如果错误边界类未缓存错误,则将删除该组件下方的整个react组件树。
我们可以在某些方法中使用trycatch,但是在应用程序范围内,使用错误边界是更好的标准。它使反应的声明性保持完整。
请注意-错误边界功能在生产模式下有效。在开发模式下,它将直接在浏览器上显示实际错误。