Reactjs 从两个API中提取数据并希望将它们匹配起来

我正在建立一个关于体育和体育博彩的辅助项目。我从两个不同的API中提取数据，一个用于时间表，另一个用于赔率。我想为每场游戏渲染包含赔率的牌。我想过滤我的游戏数组mlbodds，从与主队名称匹配的数组dailyschedule中找到游戏，然后呈现这些赔率。如果您对我的代码有任何帮助，或者对如何更好地完成此任务有任何建议，我们将不胜感激

谢谢

          {this.props.dailyschedule
            .filter((game) => game.status.short !== "CANC")
            .filter((game) => game.status.short !== "POST")
            .map((dailyScheduledGame) => {
              return (
                <Card key={dailyScheduledGame.id}>
                  <CardBody>
                    <CardHeader>
                      <strong>
                        {dailyScheduledGame.teams.away.name} at{" "}
                        {dailyScheduledGame.teams.home.name}
                      </strong>
                    </CardHeader>
                    <CardSubtitle>
                      <strong>
                        {this.props.mlbodds.filter((game) => game.home_team.replace(
                            /\s+/g,
                            ""
                          ) ===
                          dailyScheduledGame.teams.away.name.replace(
                            /\s+/g,
                            ""
                          )) ? this.props.mlbodds.sites[0].odds.h2h[0]:null}
                      </strong>
                    </CardSubtitle>
                  </CardBody>
                </Card>
              );
            })}
        </CardColumns>```

{this.props.dailyschedule
.filter（（游戏）=>game.status.short！==“CANC”）
.filter（（游戏）=>game.status.short！==“POST”）
.map（（DailyScheduledName）=>{
返回(

{dailyScheduledGame.teams.away.name}位于{“”}
{dailyScheduledGame.teams.home.name}


{this.props.mlbodds.filter（（游戏）=>game.home\u team.replace(
/\s+/g，
""
) ===
dailyScheduledGame.teams.away.name.replace(
/\s+/g，
""
))？this.props.mlbodds.sites[0].赔率.h2h[0]：null}

);
})}
```

您可以通过应用if station的条件来实现

  {this.props.dailyschedule
                .map((dailyScheduledGame) => {
    if(dailyScheduledGame.status.short !== "CANC" && dailyScheduledGame.status.short !== "POST"){
    return(
            <div></div>
          )
    }

}

 {this.props.dailyschedule
        .filter((game) => game.status.short !== "CANC" && game.status.short !== "POST")
        .map((dailyScheduledGame) => {
          return (
)