我正在尝试使用一些 JSON 数据打印表格,但是当我使用 map 方法时无法呈现空数组。
JSON 数据:
[{
"id": 6,
"firstname": "Sharon",
"lastname": "Jenkins",
"specialties": []
}, {
"id": 2,
"firstname": "Helen",
"lastname": "Leary",
"specialties": [{
"id": 1,
"name": "radiology"
}]
}, {
"id": 4,
"firstname": "Rafael",
"lastname": "Ortega",
"specialties": [{
"id": 2,
"name": "surgery"
}]
}, {
"id": 5,
"firstname": "Henry",
"lastname": "Stevens",
"specialties": [{
"id": 1,
"name": "radiology"
}]
}]
我的代码:
{this.state.vets.map(vet =><tr><td>{vet.firstname}</td>
{
vet.specialties.map((subitem,i) => {
return <td>{subitem.name}</td> })}<td>EDIT</td><td id={vet.firstname}><div class="funkyradio">
由于 Sharon 没有专家,我需要打印为 N/A。
如何检查专业为空并打印N/A。
最佳答案
尝试始终渲染 TD 标签,例如:
{
this.state.vets.map(vet =>
<tr>
<td>{vet.firstname}</td>
<td>
{vet.specialties.map((subitem,i) => {
return <span>{subitem.name}</span>
})}
</td>
<td>EDIT</td>
<td id={vet.firstname}>
<div class="funkyradio">
关于javascript - ReactJs:如何在渲染方法中使用映射函数处理空数组,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/54880594/