错误边界(精读React官方文档—16)

什么是错误边界？

官方描述：过去，在组件内部运行JavaScript可能会引起React应用程序的状态异常，并且可能导致后续渲染出现难以追踪的问题。这些问题大多源于较早期运行的其他代码（非React组件代码）运行出错所造成的后果。然而，在组件层面实现优雅地处理这些异常以及从中恢复始终缺乏有效的解决方案。

其中一部分UI相关的JavaScript问题不应成为整个应用崩溃的前提条件。为了解决这一问题，在React 16版本中引入了全新的机制——"错误边界"。

解读

该机制旨在通过检测所有可能影响JavaScript运行的行为来预防由于UI相关问题而导致的应用崩溃或性能下降，默认配置中会启用这一机制。
它是一种特殊的组件设计能够监控并报告其所有子组件树中出现的所有JavaScript异常不仅会记录这些异常信息还能够在需要时提供相关的日志输出。
在发生相关问题时系统会切换到一个降级界面以便更好地进行排查而那些直接导致应用崩溃的问题则会被隐藏起来避免干扰正常操作。
当应用启动时系统会在初始化阶段检查所有必要的入口点确保潜在的问题被及时发现。

错误边界无法捕获哪些错误？

1. 事件处理
2. 异步代码
3. 服务端渲染
4. 它自身抛出来的错误

渲染备用UI

• 使用static getDerivedStateF