Доступ к объекту в массиве в React с использованием Immutable.js

Question

Я пытаюсь получить доступ к объектам в массиве из JSON, сейчас я использую React и Immutable с Typescript и могу получить доступ к объекту, используя

const MentorContracts = MentorInfo && (MentorInfo.get("contractsAwardedToSdbTotals") as Map<{}, {}>);

однако в моем JSX я не могу получить доступ к таким данным, как это

<Typography>FY:{MentorContracts.get("fiscalYear")}</Typography>

Как мне получить доступ к contractAwardstoSdbTotals.fiscalYear?

вот данные JSON

"mentor": {
    "address": {
      "address": "string",
      "city": "string",
      "state": "string",
      "zip": "string"
    },
    "cageCode": "string",
    "contractsAwardedToSdbTotals": [
      {
        "amount": 0,
        "contractType": "DOD_SUB",
        "fiscalYear": 0,
        "percentage": 0
      }
    ],

Answer 1

Поскольку MentorContracts является списком, вам необходимо отобразить его и отобразить желаемый результат

render() {
   const MentorContracts = MentorInfo && MentorInfo.get("contractsAwardedToSdbTotals");
   return (
       <div>
          {MentorContracts.map((elem) => (
               <Typography>FY: {elem.get("fiscalYear")}</Typography>
           ))}
       </div>
   )
}