我目前正在构建一个执行大量服务器通信的React应用。如果发生服务器错误,我想以一般方式将错误显示给用户,例如错误消息的叠加层。
在我的减速器中,我返回如下内容:
{ type: "LIST_POSTS_ERROR", loading: false, error: { msg: "An error occurred" } }
显然,我的容器组件是Redux感知的。在render()
函数中,我可以检查当前状态是否具有属性error
,如果有,可以呈现错误消息。奇怪的是,在每个容器组件中,我都必须检查当前状态,并且可能在每个容器组件中都有重复的代码。
我在寻找什么是更通用的方法。了解所有状态并在当前状态包含错误时自动显示错误消息的信息。可以将其视为错误的拦截器。当然,此组件将不属于路线,所以我想知道这是否可能?
您如何在React应用程序中进行错误处理?我很想知道您的方法!
在我的应用程序中,我有一个名为的操作handleError
,它将触发toast
我的应用程序中的组件。
您可以dispatch
在出错时执行此操作。就像,您可以dispatch
在的.catch()
中使用它Promise
。
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句