reactjs中的嵌套循环

我是React JS新手&目前正在尝试迭代某个数据，以在React JS中显示相同的数据，但无法执行相同的操作。看起来像这样的数据

现在，最终的输出应该是这样的表格格式

我试过的是：-

我在1下面得到的错误是1个图像，第二个，代码没有被解析

[！[error][5]][5]

---

因此，如何在react js中实现所需的输出看起来您试图在对象上使用map，而应该在集合上使用它。也许可以试试这样：

Object.values（listData.data）.map（（meetingRoom）=>{//your code here}）；

这将允许您将数据对象内的内容用作对象数组

---

编辑：抱歉，我不明白您需要访问密钥和值。要实现这一点，您只需在第一个变量中使用

Object.entries

，它将返回键（

会议室1

，

会议室2

），并在第二个变量中返回项目数组

下面是一个简单的例子：

Object.entries（listData.data）.forEach（（[key，value]）=>{
console.log（键、值）；
//可以使用value.map（）迭代会议室字段数组中的每个对象。
});

注意：您也可以像这样使用for（…of…）循环，而不是forEach：

for（Object.entries（listData.data））的常量[key，value]{
console.log（键、值）；
};

---

有关Object.entries方法的更多信息，请随时查看MDN Webdocs页面。

您已经尝试了什么？@我已经更新了我的问题。请看一看。谢谢。请您避免使用图像，而只需复制您的代码即可（您可以通过选择并按CTRL+K组合键对其进行格式化）。对于我们来说，读取和修改它要容易得多打印时，

listData

看起来像什么？

listData

看起来像``会议室1:[0:{field\u name:“SSID name”，value:“xfcsd”，section_name:“会议室1”}1:{field_name:“名称”，value:“sdfdsf”，section_name:“会议室1”}]会议室2:[0:{field_name:“SSID name”，value:“sdfds”，section_name:“会议室2”}会议室3:[0:{field name:“名称：“SSID名称”，值：“sdfsdf”，章节名称：“会议室3”}1:{字段名称：“名称”，值：“sdfdsfs”，章节名称：“会议室3”}]“``谢谢您的回复，但在您的情况下，我不会得到上图所示的每个表的标题Meeting Room 1标题。我已经更新了我的初始答案，以提供更合适的解决方案。如果您有任何问题或疑问，请告诉我！谢谢您的回复。我只需要做一个小的修改，就可以为我工作了在react环境中：-

Object.entries（listData.data）.forEach（[key，value]）=>{//您可以使用value.map（）在会议室字段数组中的每个对象上迭代。}；

Object.entries（listData.data）.map（[key，value]）=>{//您可以使用value.map（）迭代会议室字段数组中的每个对象。}）；