在redux中处理获取状态的最佳方法

Question

state:{
todos:[...],
user[...],
isTodosFetching:true/false,
isUserFetching:true/false
}

但我正在寻找一种更优雅的方式来存储存储中的获取状态。

因此，我尝试了另一种方法，并考虑创建一个fetchingActionsReducer，它将每个提取操作添加到存储中的dict（对象），然后状态如下所示：

todos:[...],
user[...],
loadingTasks:{
isTodosFetching:true/false,
isUserFetching:true/false
}}```

now every component will get loadingTasks with mapStateToProps and that's it. 
this will reduce the boilerplate to one simple reducer and one action.
reducer:

导出常量loadingTasks=(state={},action)=>{switch（action.type）{case start_loading_task:return object.assign（{},state,{[action.payload]:true}）；case end_loading_task:return object.assign（{},state,{[action.payload]:false}）；default：return state；}}；

actions:

导出常量startLoadingTask=(taskName)=>（{type:START_LOADING_TASK,payload:taskName,}）；

导出常量endLoadingTask=(taskName)=>（{type:END_LOADING_TASK,payload:taskName,}）；```

我尝试了它的工作完美，但我想知道，
1。有什么更好的方法来处理Redux的获取状态？2.现在许多投资组合将订阅到loadingTasks状态，我担心这会导致性能问题。（对于加载任务中的每一次更改，all react都将为所有订阅的组件运行挖掘算法）

Answer 1

我建议将获取状态与被请求的资源放在一起，例如：

state:{
  todos: {
    isFetching: true, // or false
    data: [/* ... */]
  },
  user: {
    isFetching: true, // or false
    data: [/* ... */]
  }
}

这样，当todos的获取状态发生变化时，只会重新生成依赖于todos的组件。

这种方法还支持附加状态。

state:{
  todos: {
    isFetching: false,
    hasError: true, // or false
    data: [/* ... */]
  },
  user: {
    isFetching: false,
    errorMessage: 'Please check username exists', // or null
    data: [/* ... */]
  }
}