Redux - 主/细状态

时间:2018-02-05 23:46:12

标签: javascript reactjs typescript react-native redux

目前,对于我的主 - 详细视图

,我有一个这样的状态形状
paychecks: {
 summary: {},
 details: {},
};

其中summary包含一系列项目,详细信息将包含从API中提取的每个项目的详细信息。

文件夹结构

/paychecks
  index.js
  /summary
   actions.js
   reducers.js
   index.js
  /details
   actions.js
   reducers.js
   index.js

在我看来,我有两个独立的屏幕。主视图连接到summary状态,详细信息视图连接到details状态。这很好。

我目前面临的问题是,需要在主视图页面的最顶部显示第一笔薪水的薪水检查详细信息。在这种情况下,我需要按以下顺序执行以下操作:

  1. 从API
  2. 中获取薪水清单
  3. 从API
  4. 中获取paychecks [0]的详细信息

    我知道我应该使用redux-thunk中间件,但由于摘要和细节都是相互封装的,我不确定摘要是否有意义动作创建者调用详细信息动作创建者。我应该在paychecks级别创建一个动作创建者,按顺序调用fetchPaychecks()和fetchPaycheckDetails()吗?

0 个答案:

没有答案