React 和 Redux：在 Redux 中存储加载状态的正确方法

Question

我有一个文件加载用户界面，每当我的应用程序的组件从后端获取数据时，我都会调用该文件，以便前端可以显示加载...问题是当一个组件正在获取数据时，我调度loadingData()这会导致其他组件显示加载...以及。我知道这种情况正在发生，因为我有一个要调度的加载操作。我的问题是，我应该为每个组件进行单独的加载操作吗？如果不是，我该如何解决这个问题？谢谢。

//Loading action

export const LOADING_DATA      = '[ui] LOADING DATA';
export const LOADING_DATA_COMPLETE    = '[ui] LOADING DATA COMPLETE';

export const loadingData = () => ({
  type: LOADING_DATA
});

Answer 1

答案是你一loadingData()开始就不应该有 Redux 操作。正如您正确指出的那样，加载与否是每个组件的“本地”状态，因此您应该适当地将其存储在每个组件的“正常”状态内。

Redux 存储旨在存储多个组件交互的数据。而某个组件是否准备好肯定不是这样的。