Почему я получаю
Предупреждение: каждый дочерний элемент в списке должен иметь уникальный «ключ»
при попытке получить этот вложенный объект?
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>
))}