React的错误边界处理ErrorBoundary,(回忆)

613 阅读1分钟

ErrorBoundary 边界组件,防止应用程序由于意外事件而崩溃并显示更合适的消息

11.png

  • componentDidCatch生命周期函数,当组件发生错误的时候触发
  • this.props.children包裹内需要正常执行的组件

触发错误的组件

111.png

结构

12.png

  • 我好像在本地测这边界错误组件,页面还是弹出错误遮罩,但是放到正式环境,才能出现理想的状态
  • 写在function事件里的错误,主动抛出Error,边界组件是无法捕捉到的
  • 错误边界组件里可以包1个或2个及以上的组件

或者直接使用使用第三方库 react-error-boundary


结语

前端react QQ群:788023830 ---- React/Redux - 地下老英雄

前端交流 QQ群:249620372 ---- FRONT-END-JS前端

(我们的宗旨是,为了加班,为了秃顶……,仰望大佬),希望小伙伴们加群一起学习