reactjs - react 和 Redux : Proper Way To Store Loading State in Redux

Question

我有一个文件加载 ui，每当我的应用程序的组件从后端获取数据时我都会调用它，以便前端可以显示正在加载...问题是当一个组件正在获取数据时，我分派(dispatch) 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 store 是为存储多个组件之间的数据而设计的。并且某些组件是否准备就绪肯定不是这样。