在过去,组件内部的 JavaScript 错误曾会破坏 React 的内部状态,并在下一次渲染时发出神秘的错误。这些错误总是由应用程序代码中的早期错误引起,但 React 没有提供在组件中优雅处理这些错误的方法,也无法从中恢复。
Error boundaries 是 React 组件,它们可以捕获其子组件树中任何地方的 JavaScript 错误,记录这些错误,并显示回退 UI 而不是崩溃的组件树。Error boundaries 在渲染期间、生命周期方法和整个树下的构造函数中捕获错误。