首页 > 解决方案 > 动作完成时如何告诉 React-Redux 视图?

问题描述

抱歉,这里的主题行可能不清楚。

我的“添加评论”视图会触发开始操作。reducer 通过设置为 true 来响应启动操作isLoading,这会导致视图显示它正在加载。当我的操作完成时,reducer 中的成功和失败都设置isLoading为 false,并且活动指示器消失。

在失败的情况下,我可以将错误写入减速器,并且当减速器中存在错误时,我可以在视图中呈现错误,并且我可以在下次启动操作触发时清除减速器中的错误。

所以我可以告知我的错误观点,但是如何告知我的成功观点,并用评论列表替换评论?

我能想到的所有解决方案听起来都很笨拙和错误:

标签: reactjsredux

解决方案


我已经设法通过创建一个重置resetActionredux 存储的新变量和一个名为 .reducer 状态的新变量来模拟这种行为。isSuccess

这样,当您的初始操作成功时,您将 设置isSuccess为 true,然后您在各自的 Component 上捕获isSuccess并处理您想要的逻辑(重定向或状态更改),最后调用,resetAction以便 redux 存储恢复正常。

我想它有点笨重而且不优雅,但它确实有效。


推荐阅读