默认情况下，若一个组件在渲染期间（render）发生错误，会导致整个组件树全部卸载；
错误边界：是一个组件，该组件会捕获渲染期间（render）子组件发生的错误，并有能力阻止错误的继续传播
**让某个组件捕获错误**
1.编写生命周期函数数： getDerivedStateFromError（推荐）
1.静态函数（16版本后）
2.运行时间点：渲染子组件的过程中，发生错误之后，在更新页面之前
3.**注意：只有子组件发生错误，才会运行这个函数**
4.该函数返回一个对象，React会将该对象的属性覆盖掉当前的组件的state
5.参数：错误对象
6.通常，该函数用于改变状态
2.编写生命周期函数：componentDidCatch
1.实例方法
2.运行时间点：渲染子组件的过程中，
3.通常，该函数用于记录错误信息
**细节**
某些错误，错误边界组件无法捕获
1.自身的错误
2.异步的错误
3.事件中的错误
默认情况下，若一个组件在渲染期间（render）发生错误，会导致整个组件树全部卸载； 错误边界：是一个组件，该组件...
getDerivedStateFromErrorcomponentDidCatch
什么是错误边界（Error Boundaries） 部分 UI 的 JavaScript 错误不应该导致整个应用崩...
理解 错误边界(Error boundary)：用来捕获后代组件错误，渲染出备用页面,防止错误页面扩散 特点： 只...
错误边界（Error Boundaries） 部分 UI 的 JavaScript 错误不应该导致整个应用崩溃，为...
就一个很偶然的情况，突然要去写一个错误边界，随手查了下资料，发现写关于 React 错误边界的文章很少。我突然意识...
错误做法 错误解析：因为循环的每一轮，左右边界都会被当成给移动指针，于是左右边界不固定 正确写法 从这里看懂：ht...
1、等价类划分等价类划分2、边界值分析法边界值分析法3、错误推测法错误推测法4、因果图文法因果图文法5、路径覆盖路...
1、官方的介绍： 部分 UI 中的 JavaScript 错误不应该破坏整个应用程序。 为了解决 React 用户...
本文标题：# 错误边界
本文链接：https://www.haomeiwen.com/subject/lpssthtx.html
网友评论