Arrays 如何使用ReactJs获取json数据中的数组名称?
我有一个JSON,它从API调用返回如下:Arrays 如何使用ReactJs获取json数据中的数组名称?,arrays,json,reactjs,Arrays,Json,Reactjs,我有一个JSON,它从API调用返回如下: "free_seat_blocks": { "blocks_by_row": { "22": [ [ "2218" ] ], "23": [ [ "2315", "2316", "2317",
"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'];
谢谢你的回答,这很有效,但我也想知道座位号。我已经更新了同样的问题,你能看看并建议解决方案来实现这一点吗?