我正在创建带有反应的体育应用。但是我面临一个问题。我有一个名为的组件,它显示了两支球队之间的比赛。现在,我想像这样将卡片组件用于当前比赛和即将进行的比赛:-
<div>
<Card match="current match"/>
<Card match="Upcoming match"/>
</div>
我使用redux存储从api获取的数据。但是,这里有一个问题:首先,它使用动作创建器为第一个纸牌组件获取当前的比赛详细信息,然后在渲染即将到来的比赛卡时,它将获取即将到来的比赛详细信息并覆盖先前的数据,并且两张卡片都显示相同的比赛详细信息。使用匹配值,我确定要触发哪个操作创建者以获取值。
此外,有时没有比赛进行,所以我想显示“没有当前比赛”。