使用React Error边界来处理获取错误是一种好做法还是坏做法



我需要处理React应用程序中某个组件的异步预编型搜索栏中的错误(在键入时获取到后端(,因此在考虑如何处理它们时,会想到错误边界。

我正在考虑将搜索结果包装在错误边界中,并在结果响应无效时抛出错误。

但后来我想,错误边界应该只用于更关键的错误吗?通过它来处理获取错误真的是个好主意吗?

这不是一个好的或坏的实践问题。错误边界不能用于处理获取错误,它们用于捕获在呈现或生命周期方法期间遇到的错误,而不是在事件处理程序或异步代码中。

但即使可以,我仍然认为在这种情况下使用它们是不好的做法,因为简单的try/catch就足够了。

从关于错误边界的文档:

错误边界在渲染过程中、生命周期方法中以及其下整个树的构造函数中捕获错误。

注意

错误边界无法捕获错误:

  • 事件处理程序(了解更多信息(
  • 异步代码(例如setTimeout或requestAnimationFrame回调(
  • 服务器端渲染
  • 在错误边界本身(而不是其子级(中引发的错误

您应该使用try/catch块。

相关内容

最新更新