【发布时间】:2020-05-22 15:47:18
【问题描述】:
我为什么会得到
警告:列表中的每个孩子都应该有一个唯一的“键”
尝试获取此嵌套对象时?
Json..
"controlPanel" : [
"mainsStatus": {
"mainsOn": false,
"offlineDateTime": "2019-09-03T16:42:15.181819"
}
]
<tr>
<th><LocalizedMessage of="mainsStatus" /></th>
<td>
<div>{controlPanels.mainsStatus ? controlPanels.mainsStatus.mainsOn : "" === true ? 'Mains On' : 'Mains Off'}
</div>
<div>Offline Date: <Moment format="DD/MM/YYYY HH:mm">{controlPanels.mainsStatus ? controlPanels.mainsStatus.offlineDateTime : ""}
</Moment>
</div>
</td>
<td><Badge className="large" variant="success">Passed</Badge></td>
<td>-</td>
</tr>
我在布尔值的嵌套数组上执行此操作,它工作正常..
{controlPanels.areaStatuses && controlPanels.areaStatuses.map((aS, id) => (
<div>
<span>ID: {aS.areaId}</span>
<span>{aS.armed === true ? 'Armed' : 'Disarmed'}</span>
<span>{aS.inAlarm === true ? 'InAlarm' : 'OffAlarm'}</span>
</div>
))}
【问题讨论】:
-
请展示您的完整组件
-
...和有效的 JSON。 JSON 不能以属性名称开头。
-
已更新。这只是一个关于从嵌套对象返回 true 或 false 的问题。所有其他代码都不相关。 {controlPanels.mainsStatus ? controlPanels.mainsStatus.mainsOn : "" === true ? '电源开' : '电源关'}
-
我添加了一个示例,说明我如何为嵌套数组执行此操作,它是引发错误的嵌套“对象”。
标签: json reactjs object nested boolean