如果json字段名称等于选项卡名称,是否可以显示json数据

时间:2019-03-07 10:49:39

标签: reactjs gatsby antd

这是我的嵌套json。在这里,当必须在LANG-4A选项卡中的grades.name =“” LANG-4A“时显示状态和权限。在这里,我使用antd卡和antd选项卡。     在此之前,在表中显示数据。当我单击一行时,将在该模式iam中显示一个模式,该模式显示antd卡和制表符。另一件事是在等级中显示两个名称,例如“ Lang-4A”和“ CULT- 4A“,我必须显示两个选项卡,否则一个选项卡就足够了。请给我任何对我有帮助的建议。谢谢。

    "studentid":101,
    "studentname":"sai",
    "semisterid":2,
    "grades":
    [{
      "name":"CULT-4A",
      "status":"Y",
      "aggrigate":60.0
    },
    {
      "name":"LANG-4A",
      "status":"Y",
      "aggrigate":60.0
    }
and my tabs will be like 

<TabPane tab="LANG-4A" key="1">
     <Card
  style={{ marginTop: 16 }}
  type="inner"
  title="status is "

>
 status is :{this.props.status}
aggrigate is:{this.props.aggrigate}
</Card>

 </TabPane>
      <TabPane tab="CULT-4A" key="2">
      <Card
  status is :{this.props.status}
 Aggrigate  is :{this.props.aggrigate}
</Card>
      </TabPane>
when grades.name===tabname then that innner json data should be displayed in the related tab.

0 个答案:

没有答案