调度API操作和加载阶段

时间:2019-06-11 16:55:02

标签: reactjs react-native redux dispatch react-lifecycle-hooks

我们知道,如果Redux操作触发了对服务器的 API调用(无论是在Redux中间件中还是Redux Thunk中),从服务器接收答案都将花费一些时间。在此等待阶段中, UI 必须以某种方式向用户显示已完成某些加载(例如,显示Spinner)。在React和React native中,处理这些常见情况的著名技巧是Redux状态下的 isLoading 布尔标志,当然还有 loading < / em> 动作。一旦准备好显示答案,该布尔值就会被切换,以便我可以更新用户界面。

但是,在应用了多年的技巧之后,我得到的是一个充满错误和错误的应用程序,以及一个带有许多冗余代码的超级脏代码。

我已经检查了所有的React 生命周期挂钩,以检查顺序,其中挂钩被称为,并且是Redux调度的过程。看来Redux和React完全独立地工作。 (我知道商店更新后就会调用 getDerivedStateFromProps ,但这不能解决我的问题)

我需要一种更好的方式来处理这些常见情况。我不知道是否需要在应用程序的Redux部分,UI或...

中进行修改。

0 个答案:

没有答案