Arrays 如何使用ReactJs获取json数据中的数组名称?

Arrays 如何使用ReactJs获取json数据中的数组名称?,arrays,json,reactjs,Arrays,Json,Reactjs,我有一个JSON,它从API调用返回如下: "free_seat_blocks": { "blocks_by_row": { "22": [ [ "2218" ] ], "23": [ [ "2315", "2316", "2317",

我有一个JSON,它从API调用返回如下:

"free_seat_blocks": {
    "blocks_by_row": {
        "22": [
            [
                "2218"
            ]
        ],
        "23": [
            [
                "2315",
                "2316",
                "2317",
                "2318"
            ]
        ],
        "24": [
            [
                "2411",
                "2412",
                "2413",
                "2414",
                "2415",
                "2416",
                "2417",
                "2418"
            ]
        ]
    },
}
如何访问
ReactJs
中的数组名称(如22、23等)。我需要使用数组的名称以表格格式显示座位行

更新:

我还想获得键的值,并将其显示如下-

Row     Seat Number
22      2218
23      2315,2316,2317,2318
24      2411,2412,2413,2415,2416,2417,2418

blocks_by_row
是一个
对象
,您希望访问密钥名称。有多种方法可以做到这一点

如果您只想按按键显示
块的名称(按键),请在其上使用,它将返回所有按键名称的数组

像这样:

let数据={
“自由座位块”:{
“逐行块”:{
"22": [
[
"2218"
]
],
"23": [
[
"2315","2316","2317","2318"
]
],
"24": [
[
"2411","2412","2413","2414","2415","2416","2417","2418"
]
]
},
}
}
变量应用=()=>{
返回(
排
座位号
{
Object.entries(data.free\u seat\u blocks.blocks\u by\u row).map([row,seats])=>
{row}
{seats.join(',')}
)
}
)
}
ReactDOM.render(,document.getElementById('app'))

您可以使用来按行获取
块的键名

const keys = Object.keys(free_seat_blocks.blocks_by_rows); // Will return an array ['22', '23', '24'];

谢谢你的回答,这很有效,但我也想知道座位号。我已经更新了同样的问题,你能看看并建议解决方案来实现这一点吗?