Javascript 在对象中循环时渲染不是'；行不通

我有一个目标

arrangement: {
        'A': [{'1': 1}, {'2': 0}, {'3': 1}, {'4': 1}, {'5': 1}, {'6': 0}, {'7': 1}],
        'B': [{'1': 1}, {'2': 1}, {'3': 0}, {'4': 1}, {'5': 1}, {'6': 1}, {'7': 1}, {'8': 1}],
        'C': [{'1': 1}, {'2': 0}, {'3': 0}, {'4': 1}, {'5': 0}, {'6': 0}, {'7': 0}, {'8': 1}, {'9': 0}],
        'D': [{'1': 0}, {'2': 0}, {'3': 1}, {'4': 0}, {'5': 1}, {'6': 0}, {'7': 0}, {'8': 1}, {'9': 0}],
        'E': [{'1': 1}, {'2': 1}, {'3': 1}, {'4': 0}, {'5': 0}, {'6': 1}, {'7': 1}, {'8': 1}, {'9': 0}],
        'F': [{'1': 0}, {'2': 0}, {'3': 0}, {'4': 0}, {'5': 1}, {'6': 0}, {'7': 1}, {'8': 0}, {'9': 0}],
        'G': [{'1': 1}, {'2': 1}, {'3': 1}, {'4': 1}, {'5': 1}, {'6': 1}, {'7': 1}, {'8': 1}, {'9': 1}],
      }

我想为a，B，D的每一部分生成一个div，。。。电影院里有几排座位，所以每一排都有一个小隔间，里面每个座位都有一个小隔间：0：空闲，1：有人坐。
我曾经尝试过使用对象键，然后映射，最后像那样映射每一行，但没有效果，说“对象作为子对象无效”，但我不知道如何修复它们。
有什么想法吗

let seatMap = Object.keys(seats).map(row => (
            <div>
                <p>{row}</p>
                {
                    seats[row].map(seat => (
                        <div className="seat">{seat}</div>
                    ))
                }
            </div>

let seatMap=Object.key（seats.map）（行=>(
{row}

{
座位[世界其他地区]。地图（座位=>(
{座位}
))
}

根据evolutionxbox评论，您可以使用以下索引访问座位号：

let seatMap = Object.keys(seats).map(row => (
            <div>
                <p>{row}</p>
                {
                    seats[row].map((seat, index) => (
                        <div className="seat">{seat[index+1]}</div>
                    ))
                }
            </div>

let seatMap=Object.key（seats.map）（行=>(
{row}

{
座位[世界其他地区]。地图（（座位，索引）=>(
{座位[索引+1]}
))
}

根据evolutionxbox评论，您可以使用以下索引访问座位号：

let seatMap = Object.keys(seats).map(row => (
            <div>
                <p>{row}</p>
                {
                    seats[row].map((seat, index) => (
                        <div className="seat">{seat[index+1]}</div>
                    ))
                }
            </div>

let seatMap=Object.key（seats.map）（行=>(
{row}

{
座位[世界其他地区]。地图（（座位，索引）=>(
{座位[索引+1]}
))
}

给出的错误是因为您试图将对象渲染为jsx子对象（

seat

），这是您无法做到的

以下是如何为每个座位的每个属性创建div：

Object.key（seats.map）（行=>(
{row}

{seats[row].map（座椅=>Object.keys（座椅）.map（座椅属性=>(
{seatProperty}
)))}
))

给出的错误是因为您试图将对象渲染为jsx子对象（

seat

），这是您无法做到的

以下是如何为每个座位的每个属性创建div：

Object.key（seats.map）（行=>(
{row}

{seats[row].map（座椅=>Object.keys（座椅）.map（座椅属性=>(
{seatProperty}
)))}
))

工作示例：

从“React”导入React；
导入“/style.css”；
让安排={
'A'：[{'1'：1}，{'2'：0}，{'3'：1}，{'4'：1}，{'5'：1}，{'6'：0}，{'7'：1}]，
'B'：[{'1'：1}，{'2'：1}，{'3'：0}，{'4'：1}，{'5'：1}，{'6'：1}，{'7'：1}，{'8'：1}]，
'C'：[{'1'：1}，{'2'：0}，{'3'：0}，{'4'：1}，{'5'：0}，{'6'：0}，{'7'：0}，{'8'：1}，{'9'：0}]，
'D'：[{'1'：0}，{'2'：0}，{'3'：1}，{'4'：0}，{'5'：1}，{'6'：0}，{'7'：0}，{'8'：1}，{'9'：0}]，
“E”：[{'1'：1}，{'2'：1}，{'3'：1}，{'4'：0}，{'5'：0}，{'6'：1}，{'7'：1}，{'8'：1}，{'9'：0}]，
'F'：[{'1'：0}，{'2'：0}，{'3'：0}，{'4'：0}，{'5'：1}，{'6'：0}，{'7'：1}，{'8'：0}，{'9'：0}]，
'G'：[{'1'：1}，{'2'：1}，{'3'：1}，{'4'：1}，{'5'：1}，{'6'：1}，{'7'：1}，{'8'：1}，{'9'：1}]，
};
导出默认函数App（）{
返回(
座位安排
{Object.keys（arrangement.map）（key=>{
让行=排列[键]；
返回(
{key}行：

{row.map（（obj，index）=>(
))}
);
})}
);
}
常量样式={
主要内容：{
显示：“flex”，
flexDirection:“行”，
对齐项目：“中心”
},
行：{
宽度：10，
身高：10，
边界半径：5，
marginRight:2
}
};

工作示例：

从“React”导入React；
导入“/style.css”；
让安排={
'A'：[{'1'：1}，{'2'：0}，{'3'：1}，{'4'：1}，{'5'：1}，{'6'：0}，{'7'：1}]，
'B'：[{'1'：1}，{'2'：1}，{'3'：0}，{'4'：1}，{'5'：1}，{'6'：1}，{'7'：1}，{'8'：1}]，
'C'：[{'1'：1}，{'2'：0}，{'3'：0}，{'4'：1}，{'5'：0}，{'6'：0}，{'7'：0}，{'8'：1}，{'9'：0}]，
'D'：[{'1'：0}，{'2'：0}，{'3'：1}，{'4'：0}，{'5'：1}，{'6'：0}，{'7'：0}，{'8'：1}，{'9'：0}]，
“E”：[{'1'：1}，{'2'：1}，{'3'：1}，{'4'：0}，{'5'：0}，{'6'：1}，{'7'：1}，{'8'：1}，{'9'：0}]，
'F'：[{'1'：0}，{'2'：0}，{'3'：0}，{'4'：0}，{'5'：1}，{'6'：0}，{'7'：1}，{'8'：0}，{'9'：0}]，
'G'：[{'1'：1}，{'2'：1}，{'3'：1}，{'4'：1}，{'5'：1}，{'6'：1}，{'7'：1}，{'8'：1}，{'9'：1}]，
};
导出默认函数App（）{
返回(
座位安排
{Object.keys（arrangement.map）（key=>{
让行=排列[键]；
返回(
{key}行：

{row.map（（obj，index）=>(
))}
);
})}
);
}
常量样式={
主要内容：{
显示：“flex”，
flexDirection:“行”，
对齐项目：“中心”
},
行：{
宽度：10，
身高：10，
边界半径：5，
marginRight:2
}
};

seat

将是一个对象。您可能需要获取

对象。条目（seat）

才能获取密钥和值？

seat

将是一个对象。您可能需要获取

对象。条目（seat）

获取钥匙和价值？我使用了Hyetigran的解决方案，因为它对我来说更舒适。但是，谢谢你的回答我使用了Hyetigran的解决方案，因为它对我来说更舒适。但是，谢谢你的回答我如何得到它，非常感谢。Ofc工作完美我如何得到它，非常感谢。Ofc工作完美