有没有一种方法可以将JSON中的数据显示为折叠但遵循特定顺序?

时间:2019-04-06 04:44:47

标签: reactjs redux

我正在开发网页上的新功能,我想向用户显示同一折叠组中的不同付款方式。 这些付款或促销是由银行指定的,因此,假设每个银行都有n个促销。我正在使用map函数从JSON获取此数据,但是在折叠组中显示每个银行的相同促销时遇到了问题。

这是我要实现的目标的一个示例:

https://imgur.com/UsJNLBI

这是JSON数据:

[
  {
    "applicationId": 1,
    "promotion": {
      "id": 1,
      "installments": 6,
      "interests": 5,
      "validSince": "2017-10-12T00:00:00",
      "validUntil": "2019-10-12T00:00:00",
      "tna": "0",
      "cft": "0",
      "bank": {
        "id": 1,
        "name": "",
        "denomination": "NEW BANK",
        "imageUrl": "",
        "code": 7
      },
      "card": {
        "id": 1,
        "name": "Visa",
        "imageUrl": "https://gmcpoland.pl/wp-content/uploads/2016/09/visa.jpg"
      },
      "gateway": {
        "id": 1,
        "description": "Paid"
      }
    }
  },
  {
    "applicationId": 1,
    "promotion": {
      "id": 1,
      "installments": 6,
      "interests": 5,
      "validSince": "2017-10-12T00:00:00",
      "validUntil": "2019-10-12T00:00:00",
      "tna": "0",
      "cft": "0",
      "bank": {
        "id": 1,
        "name": "",
        "denomination": "NEW BANK",
        "imageUrl": "",
        "code": 7
      },
      "card": {
        "id": 2,
        "name": "Master",
        "imageUrl": "https://gmcpoland.pl/wp-content/uploads/2016/09/Master.jpg"
      },
      "gateway": {
        "id": 1,
        "description": "Paid"
      }
    }
  },
  {
    "applicationId": 1,
    "promotion": {
      "id": 1,
      "installments": 6,
      "interests": 5,
      "validSince": "2017-10-12T00:00:00",
      "validUntil": "2019-10-12T00:00:00",
      "tna": "0",
      "cft": "0",
      "bank": {
        "id": 2,
        "name": "",
        "denomination": "NEW BANK 2",
        "imageUrl": "",
        "code": 7
      },
      "card": {
        "id": 1,
        "name": "Visa",
        "imageUrl": "https://gmcpoland.pl/wp-content/uploads/2016/09/visa.jpg"
      },
      "gateway": {
        "id": 1,
        "description": "Paid"
      }
    }
  }
]

使用地图功能后,折叠仅显示“卡”数据,而不显示每家银行的促销活动。

如果您需要其他任何信息,请告诉我。

0 个答案:

没有答案