ErrorBoundary 边界组件,防止应用程序由于意外事件而崩溃并显示更合适的消息
componentDidCatch生命周期函数,当组件发生错误的时候触发this.props.children包裹内需要正常执行的组件
触发错误的组件
结构
- 我好像在
本地测这边界错误组件,页面还是弹出错误遮罩,但是放到正式环境,才能出现理想的状态 - 写在
function事件里的错误,主动抛出Error,边界组件是无法捕捉到的 - 错误边界组件里可以包
1个或2个及以上的组件
或者直接使用使用第三方库 react-error-boundary
- 我觉得没必要,自己写逼格不高一点吗
- 参考链接:blog.csdn.net/weixin_4329…
- 参考链接:blog.csdn.net/culiu9261/a…
结语
前端react QQ群:
788023830----React/Redux - 地下老英雄前端交流 QQ群:
249620372----FRONT-END-JS前端(我们的宗旨是,为了加班,为了秃顶……,仰望大佬),希望小伙伴们加群一起学习