使用object.entries显示JavaScript对象中的元素

我正在尝试在

列表中显示JSON对象。JSON如下所示：

const build = {
"brand":[
  {"label":"brand","value":360000022888}
],
"status":[
  {"label":"New","value":"new"},
          {"label":"Open","value":"open"}
 ],
"assigned":[
  {"label":"assigned","value":true}
],
"language":[
  {"label":"English, American","value":"en"},
{"label":"Traditional Chinese","value":"zh-tw"}
],
"priority_level":[
  {"label":"Low","value":"low"}
]
}

我正在尝试使用Object.entries循环显示它们，我可以将这些值记录到console.log中，但是它们不会显示在页面上

return (
<div>
 {
   Object.entries(build).map((key, value) => { 
   {console.log(key[0])}
  <>
   <div className =''>{key[0]}</div>
   {
      
        value[1]?.map((row, i) => (
        <>
         <div className ='w-3/4 text-sm text-gray-600 bg-gray-900 border-b border-black '> 
            {row.label} 
         </div>
         ))
         </>
       }

 </>
})
} 
</div>
 )

返回(
{
Object.entries（build.map）（（键，值）=>{
{console.log（键[0]）}
{key[0]}
{
值[1]？.map（（行，i）=>(
{row.label}
))
}
})
} 
)

如果您在控制台上检查以下结果，您可以看到它以一个

字符串的形式显示所有标签

值：

const build={“brand”：[{“label”：“brand”，“value”：36000002888}]，“status”：[{“label”：“New”，“value”：“New”}，{“label”：“Open”，“value”：“Open”}]，“assigned”：[{“label”：“assigned”，“value”：true}]，“language”：[{“label”：“English，American”，“value”：“en”}，{“label”：“繁体中文”，“value”：“zh tw}]，“value”：“priority”；“priority”；“priority”；“Low”；“level
const result=Object.entries（构建）
.map（（键，值）=>键[0]）
控制台日志（结果）使用norbitrial作为起始点并计算出它

const values = Object.values(build)
                 .map((key, value) => key)


return (
  <div>

{ result.map((label, index) => 
    <div key={label}> 
        {label} 
    </div>)}
  
  { values.map((label, index) => 
  label.map((entry, i) => 
   <div>{entry.label}</div>
           
           )
  
           
           )} 

const values=Object.values（构建）
.map（（键，值）=>键）
返回(
{result.map（（标签，索引）=>
{label}
)}
{values.map（（标签、索引）=>
label.map（（条目，i）=>
{entry.label}
)
)} 
Object.entries（）
返回一对[key，value]。映射时使用解构获取它们

示例：

Object.entries(build).map(([key, values]) => ...)


const F=React.Fragment//该代码段不支持
const Demo=（{build}）=>(
{Object.entries（生成）
.map（[key，values]）=>(
{key}
{values.map（行=>(
{row.label}
))}
))
}
)
const build={“brand”：[{“label”：“brand”，“value”：36000002888}]，“status”：[{“label”：“New”，“value”：“New”}，{“label”：“Open”，“value”：“Open”}]，“assigned”：“assigned”，“value”：true}]，“language”：[{“label”：“English，American”，“value”：“en”}，{“label”：“Traditional”，“value”：“zh tw”}]，“priority"level”[{“label”：“Low”，“value”：“Low”}]
ReactDOM.render(
,
演示
)
.key{
颜色：红色；
}

React不渲染对象。而是在数组上迭代。谢谢，对于键[1]，我该怎么做？