目前,对于我的主 - 详细视图
,我有一个这样的状态形状paychecks: {
summary: {},
details: {},
};
其中summary包含一系列项目,详细信息将包含从API中提取的每个项目的详细信息。
文件夹结构
/paychecks
index.js
/summary
actions.js
reducers.js
index.js
/details
actions.js
reducers.js
index.js
在我看来,我有两个独立的屏幕。主视图连接到summary
状态,详细信息视图连接到details
状态。这很好。
我目前面临的问题是,需要在主视图页面的最顶部显示第一笔薪水的薪水检查详细信息。在这种情况下,我需要按以下顺序执行以下操作:
我知道我应该使用redux-thunk中间件,但由于摘要和细节都是相互封装的,我不确定摘要是否有意义动作创建者调用详细信息动作创建者。我应该在paychecks级别创建一个动作创建者,按顺序调用fetchPaychecks()和fetchPaycheckDetails()吗?