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

Question

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

访问该对象

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

但是在我的 JSX 中，我无法像这样访问数据

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

如何访问 contractsAwardstoSdbTotals.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>
   )
}

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

Access Object in Array in React Using Immutable.js

javascript

arrays

reactjs

react-router

immutable.js