# 错误边界

默认情况下,若一个组件在渲染期间(render)发生错误,会导致整个组件树全部卸载; 

错误边界:是一个组件,该组件会捕获渲染期间(render)子组件发生的错误,并有能力阻止错误的继续传播

**让某个组件捕获错误**

1.编写生命周期函数数: getDerivedStateFromError(推荐)

    1.静态函数(16版本后)

    2.运行时间点:渲染子组件的过程中,发生错误之后,在更新页面之前

    3.**注意:只有子组件发生错误,才会运行这个函数**

    4.该函数返回一个对象,React会将该对象的属性覆盖掉当前的组件的state

    5.参数:错误对象

    6.通常,该函数用于改变状态

2.编写生命周期函数:componentDidCatch

    1.实例方法

    2.运行时间点:渲染子组件的过程中,

    3.通常,该函数用于记录错误信息


**细节**

某些错误,错误边界组件无法捕获

    1.自身的错误

    2.异步的错误

    3.事件中的错误

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 错误边界介绍 部分的UI中的JavaScript错误不应该破坏整个应用程序。为了解决这个问题,React16引入了...
    zewweb阅读 1,529评论 0 3
  • 作为一个合格的开发者,不要只满足于编写了可以运行的代码。而要了解代码背后的工作原理;不要只满足于自己的程序...
    六个周阅读 8,545评论 1 33
  • 前言 今天刚好看到掘金首页的文章,里面有关于错误边界的,所以想在RN中也来整一下,果然,又入坑了 想法 https...
    yz1311阅读 1,088评论 0 0
  • 页面布局 左中右结构,左侧菜单栏,中间列表,右侧图表;点击中间列表项,右侧展示相应图表 问题描述 在开发过程中,后...
    EveryWang阅读 793评论 0 0
  • 奶白是一只可萌的猫猫兔,长毛时憨态可掬短毛时性感灵动,可谓眨眼就能迷倒万千人儿,但很少见其眨眼。 我们家是一个宠物...
    王振斌阅读 705评论 0 3