javascript - 使用Immutable.js在React中访问数组中的对象

我正在尝试从JSON访问数组中的对象，现在我正在使用带有Typescript的React和Immutable w，并且我能够使用

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
      }
    ],

最佳答案

由于MentorContracts是一个列表，因此您需要在其上进行映射并呈现所需的结果

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