Это мой вложенный JSON. здесь, когда grades.name = "" LANG-4A "на вкладке LANG-4A, должен отображаться этот статус и агрегат. Здесь можно использовать вкладки antd card и 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.