用于解决子组件出现问题导致整个程序出问题。
错误边界：用来捕获后代组件错误，渲染出备用页面
只能捕获后代组件生命周期产生的错误，不能捕获自己组件产生的错误和其他组件在合成事件、定时器中产生的错误
getDerivedStateFromError配合componentDidCatch
// 生命周期函数，一旦后台组件报错，就会触发
static getDerivedStateFromError(error) {
console.log(error);
// 在render之前触发
// 返回新的state
return {
hasError: true,
};
}
componentDidCatch(error, info) {
// 统计页面的错误。发送请求发送到后台去
console.log(error, info);
}
正常渲染子组件：
子组件出现错误，渲染备用页面：
理解： 用于解决子组件出现问题导致整个程序出问题。 错误边界：用来捕获后代组件错误，渲染出备用页面 特点： 只能捕...
getDerivedStateFromErrorcomponentDidCatch
什么是错误边界（Error Boundaries） 部分 UI 的 JavaScript 错误不应该导致整个应用崩...
理解 错误边界(Error boundary)：用来捕获后代组件错误，渲染出备用页面,防止错误页面扩散 特点： 只...
就一个很偶然的情况，突然要去写一个错误边界，随手查了下资料，发现写关于 React 错误边界的文章很少。我突然意识...
错误边界介绍 部分 UI 中的 JavaScript 错误不应该破坏整个应用程序。 为了解决 React 用户的这...
1、官方的介绍： 部分 UI 中的 JavaScript 错误不应该破坏整个应用程序。 为了解决 React 用户...
错误边界介绍 部分的UI中的JavaScript错误不应该破坏整个应用程序。为了解决这个问题，React16引入了...
2020年4月10日 天气：晴，温度：17～19摄氏度，起床 06：29 入睡 23：55 1.课程学习：55...
theme: juejinhighlight: a11y-dark 1、背景 某个不懂前端的领导问，为什么页面里随...
本文标题：React拓展8-ErrorBoundary错误边界
本文链接：https://www.haomeiwen.com/subject/vjzaertx.html
网友评论