javascript - ReactJs:如何在渲染方法中使用映射函数处理空数组
问题描述
我正在尝试使用一些 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。
解决方案
<table>
{dataJSON.map(({ id, firstname, lastname, specialties }) => {
return (
<tr>
<td> {`${firstname} ${lastname}`} </td>
<td> {specialties.map(specialty => specialty.name).join(",")} </td>
<td> <span> EDIT </span> </td>
</tr>
);
})}
</table>
推荐阅读
- python - 迭代 pyarrow._flight.FlightStreamReader
- javascript - 如何从 Javascript 中已解决的承诺列表中获取最后已解决的承诺?
- visual-studio-code - VSCode 扩展格式化程序 StandardJS - JavaScript 标准样式 Sam Chen 不工作
- elasticsearch - 扩展多租户弹性搜索集群
- python - 如何在我的 Seaborn displot y 轴上显示百分比而不是计数?
- java - 如何正确重定向失败角色的弹簧安全登录上的登录失败?
- django - RetrieveUpdateAPIView 中的 Django PUT/PATCH 请求正文为空
- r - 在 r 中,如何将行加在一起以获得一组特定变量的总数
- json - MQTT 测量导出为 JSON,无需连接到代理
- javascript - 由于 CORS 政策,instafeed.js 无法正常工作