如何在我的React应用程序中添加常规错误处理?

善良的

我目前正在构建一个执行大量服务器通信的React应用。如果发生服务器错误,我想以一般方式将错误显示给用户,例如错误消息的叠加层。

使用容器组件

在我的减速器中,我返回如下内容:

{ type: "LIST_POSTS_ERROR", loading: false, error: { msg: "An error occurred" } }

显然,我的容器组件是Redux感知的。render()函数中,我可以检查当前状态是否具有属性error,如果有,可以呈现错误消息。奇怪的是,在每个容器组件中,我都必须检查当前状态,并且可能在每个容器组件中都有重复的代码。

更一般的方法

我在寻找什么是更通用的方法。了解所有状态并在当前状态包含错误时自动显示错误消息的信息。可以将其视为错误的拦截器。当然,此组件将不属于路线,所以我想知道这是否可能?

您如何在React应用程序中进行错误处理?我很想知道您的方法!

普拉内什·拉维(Pranesh Ravi)

在我的应用程序中,我有一个名为的操作handleError,它将触发toast我的应用程序中组件。

您可以dispatch在出错时执行此操作。就像,您可以dispatch在的.catch()中使用它Promise

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

无法在我的 node express 应用程序中触发主错误处理程序

来自分类Dev

应用程序中的错误处理程序功能

来自分类Dev

Sass在React应用程序中被错误处理

来自分类Dev

React 错误处理 - 为什么应用程序崩溃?

来自分类Dev

应用程序的C错误处理

来自分类Dev

我如何在Spring Boot / MVC中创建错误处理程序(404、500 ...)

来自分类Dev

错误处理程序不在模块化Sinatra应用程序中运行

来自分类Dev

如何在ExpressJS中触发路由器错误处理程序而不是默认错误处理程序

来自分类Dev

HTTP 响应错误处理 Angular 应用程序

来自分类Dev

在angular.js应用程序中全局进行错误处理的最佳方法是什么?

来自分类Dev

C#WPF应用程序中具有错误处理的单选按钮验证

来自分类Dev

在angular.js应用程序中全局进行错误处理的最佳方法是什么?

来自分类Dev

Python 3-GUI应用程序中的错误处理

来自分类Dev

我们什么时候在程序中添加错误处理代码?

来自分类Dev

我们什么时候在程序中添加错误处理代码?

来自分类Dev

如何在ASP.NET 3.0应用程序中处理CustomAutorize属性中的错误

来自分类Dev

如何在“默认程序”列表中添加我的应用程序

来自分类Dev

如何处理错误-在codeandbox的React应用程序中“无法获取”

来自分类Dev

如何在我的iOS应用程序中为黑暗模式处理黑色内容图像?

来自分类Dev

如何在我的应用程序中处理 AWS-RDS 连接?

来自分类Dev

如何在我的 spring 批处理应用程序中显式配置 TaskBatchExecutionListener

来自分类Dev

如何在iOS 8中从应用程序打开常规设置(不在应用程序设置中)?

来自分类Dev

如何在React-Native应用程序中处理对Firebase的异步调用?

来自分类Dev

如何在Scala.js React.js应用程序中处理大型js文件?

来自分类Dev

如何在React-Native应用程序中处理对Firebase的异步调用?

来自分类Dev

如何在此存储过程中添加错误处理?

来自分类Dev

如何在我的Android应用程序中添加“继续语音识别”?

来自分类Dev

如何在我的AngularJS应用程序中添加require.js?

来自分类Dev

如何在我的Android应用程序中添加一些“信息”按钮

Related 相关文章

  1. 1

    无法在我的 node express 应用程序中触发主错误处理程序

  2. 2

    应用程序中的错误处理程序功能

  3. 3

    Sass在React应用程序中被错误处理

  4. 4

    React 错误处理 - 为什么应用程序崩溃?

  5. 5

    应用程序的C错误处理

  6. 6

    我如何在Spring Boot / MVC中创建错误处理程序(404、500 ...)

  7. 7

    错误处理程序不在模块化Sinatra应用程序中运行

  8. 8

    如何在ExpressJS中触发路由器错误处理程序而不是默认错误处理程序

  9. 9

    HTTP 响应错误处理 Angular 应用程序

  10. 10

    在angular.js应用程序中全局进行错误处理的最佳方法是什么?

  11. 11

    C#WPF应用程序中具有错误处理的单选按钮验证

  12. 12

    在angular.js应用程序中全局进行错误处理的最佳方法是什么?

  13. 13

    Python 3-GUI应用程序中的错误处理

  14. 14

    我们什么时候在程序中添加错误处理代码?

  15. 15

    我们什么时候在程序中添加错误处理代码?

  16. 16

    如何在ASP.NET 3.0应用程序中处理CustomAutorize属性中的错误

  17. 17

    如何在“默认程序”列表中添加我的应用程序

  18. 18

    如何处理错误-在codeandbox的React应用程序中“无法获取”

  19. 19

    如何在我的iOS应用程序中为黑暗模式处理黑色内容图像?

  20. 20

    如何在我的应用程序中处理 AWS-RDS 连接?

  21. 21

    如何在我的 spring 批处理应用程序中显式配置 TaskBatchExecutionListener

  22. 22

    如何在iOS 8中从应用程序打开常规设置(不在应用程序设置中)?

  23. 23

    如何在React-Native应用程序中处理对Firebase的异步调用?

  24. 24

    如何在Scala.js React.js应用程序中处理大型js文件?

  25. 25

    如何在React-Native应用程序中处理对Firebase的异步调用?

  26. 26

    如何在此存储过程中添加错误处理?

  27. 27

    如何在我的Android应用程序中添加“继续语音识别”?

  28. 28

    如何在我的AngularJS应用程序中添加require.js?

  29. 29

    如何在我的Android应用程序中添加一些“信息”按钮

热门标签

归档