Redux Saga 全局加载状态答案

【问题标题】：Redux Saga global loading stateRedux Saga 全局加载状态
【发布时间】：2019-07-19 23:31:27
【问题描述】：

是否可以在 Redux Saga 中处理全局加载状态？在我的 Web 应用程序中，我需要调用不同的微服务，并且我不想为每个 reducer 插入加载状态，例如：

case Types.GET_BOOKS_SUCCESS: {
        return {
            ...state,
            data: action.payload.items,
            loader: false,
        };
}

我想知道是否可以管理动作之间的加载状态，以了解是否有一些未决的 saga 等...

【问题讨论】：

您可以通过创建一个案例来将加载程序设置为 true，并创建另一个案例将其设置为 false。最后加载器属于全局状态
通常应该避免全局加载状态，因为它会导致更糟糕的用户体验

标签： reactjs redux

【解决方案1】：

您可以将加载状态表示为一个数字。当您发起请求时，您会增加该值。当您处理响应时，您会减少该值。如果该值大于 0，则至少有一个请求在进行中。

【讨论】：