对可重用组件使用Redux而不会覆盖状态

时间:2018-06-26 08:22:24

标签: reactjs redux react-redux state mern

我正在创建带有反应的体育应用。但是我面临一个问题。我有一个名为的组件,它显示了两支球队之间的比赛。现在,我想像这样将卡片组件用于当前比赛和即将进行的比赛:-

<div>
<Card match="current match"/>
<Card match="Upcoming match"/>
</div>

我使用redux存储从api获取的数据。但是,这里有一个问题:首先,它使用动作创建器为第一个纸牌组件获取当前的比赛详细信息,然后在渲染即将到来的比赛卡时,它将获取即将到来的比赛详细信息并覆盖先前的数据,并且两张卡片都显示相同的比赛详细信息。使用匹配值,我确定要触发哪个操作创建者以获取值。

此外,有时没有比赛进行,所以我想显示“没有当前比赛”。

0 个答案:

没有答案