网络请求异常是怎么了,网络请求数据错误怎么解决

首页 > 实用技巧 > 作者:YD1662024-01-09 02:26:45

UI 的某部分引起的 JS 错误不应该破坏整个程序,为了帮 React 的使用者解决这个问题,React 16 介绍了一种关于错误边界(error boundary)的新观念。

需要注意的是:error boundaries 并不会捕捉下面这些错误。

  1. 事件处理器
  2. 异步代码
  3. 服务端的渲染代码
  4. 在 error boundaries 区域内的错误

我们来举一个小例子,在下面这个 componentDIdCatch(error,info) 里的类会变成一个 error boundary:

网络请求异常是怎么了,网络请求数据错误怎么解决(25)

然后我们像使用普通组件那样使用它:

网络请求异常是怎么了,网络请求数据错误怎么解决(26)

componentDidCatch() 方法像 JS 的 catch{} 模块一样工作,但是对于组件,只有 class 类型的组件(class component )可以成为一个 error boundaries 。

实际上,大多数情况下我们可以在整个程序中定义一个 error boundary 组件,之后就可以一直使用它了!

五、iframe 异常

对于 iframe 的异常捕获,我们还得借力 window.onerror:

网络请求异常是怎么了,网络请求数据错误怎么解决(27)

一个简单的例子可能如下:

网络请求异常是怎么了,网络请求数据错误怎么解决(28)

上一页34567下一页

栏目热文

文档排行

本站推荐

Copyright © 2018 - 2021 www.yd166.com., All Rights Reserved.