错误边界_概念

通常某一个组件中发生的错误会导致整个应用崩溃，页面一片空白

xxxxxxxxxx
// App.js
 render() {
    return (
      <>
        <ContextTest />
        <SomethingWrong />
      </>
    )
  }

xxxxxxxxxx
//SomethingWrong.js
export default class SomethingWrong extends Component {
  constructor(){
     // 未调用super，则会抛出错误
  }  
  render() {
    return (
      <div>
        <Child/>
      </div>
    )
  }
}

如果我们想让未出现错误的组件还能继续渲染，则可以使用错误边界。

错误边界是一种 React 组件。

错误边界可以捕获并打印发生在其子组件树任何位置的 JavaScript 错误，并且，它可以渲染出备用 UI。

错误边界在渲染期间、生命周期方法和整个子组件树的构造函数中捕获错误。

提示：

错误边界无法捕获以下场景中产生的错误：

• 事件处理
• 异步代码（例如 setTimeout 或 requestAnimationFrame 回调函数）
• 它自身抛出来的错误（并非它的子组件）

实时效果反馈

1. 下面关于错误边界说法错误的是：

A 错误边界是一个React组件

B 错误边界可以捕获它的子组件渲染期间发生的错误

C 错误边界可以捕获它的子组件的构造函数发生的错误

D 错误边界可以捕获它的子组件的事件处理函数发生的错误

答案

1=>D