javascript - React Redux - 在 reducer 之间共享状态( reducer 层次结构)

Question

说我有一个类似 expedia 的搜索栏选项卡:

我希望某些字段(例如出发和返回日期)对所有选项卡都是通用的。

所以我的状态应该类似于

{
  commonReducer: {
    startDate:
    endDate: 
  },
  hotelsReducer: {
    rooms: [],
    location: []
  },
  flightsReducer: {
    from:
    to:
  }
  etc...
}

其中 commonReducer 数据在所有其他选项卡缩减程序之间共享，因为当它们单击搜索按钮时，所有缩减程序都应该知道所选日期及其特定数据。

有没有办法在reducer之间共享数据？或者有某种层次结构，例如:

{
  searchTabsReducer: {
    commonReducer: {
      startDate:
      endDate: 
    },
    hotelsReducer: {
      rooms: [],
      location: []
    },
    flightsReducer: {
      from:
      to:
    }
    etc...
  }
}

这样 searchTabsReducer 将处理所有提交(因为他是唯一一个拥有搜索选项卡状态完整图片的人)？

据我了解，combine reducers函数不支持层次结构。

我最终得到了一个太大的文件，其中包含所有选项卡状态，但这感觉不对。

谢谢。

Answer 1

不需要组合reducers，只需将您需要的reducers中的状态连接到您想要在其中显示数据的容器即可。

从那里，使用该数据来调度操作，例如您的搜索操作。