Error boundaries

Error boundaries are React components that catch JavaScript errors anywhere in their child component tree, log those errors, and display a fallback UI instead of the component tree that crashed。

可以在 render、生命周期、及子组件的 constructor 中捕捉错误。

不能捕捉到的错误:

1、事件报错

2、异步处理

3、服务端渲染

4、boundary 自己报错。

boundary 定义:

组件内定义了  static getDerivedStateFromError() or componentDidCatch() 则认为是 boundary 组件。

可以理解成是一个正常的组件,只是内部支持特殊的方法:getDerivedStateFromError 该方法可以监听组件内部异常,一旦捕获异常则 render 报错提示 DOM。

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容