javascript - 如何通过每个对象元素迭代对象数组?
问题描述
我正在尝试迭代对象数组以显示表中的每个对象元素。
那是我的数组:
list: [
{header: ['id', 'name', 'date', 'verified']},
{body: [1, 'abc', '26-10-2019', true]}
]
这就是我正在尝试做的事情:
const render = list.map((result, idx) => (
<tr key={idx}>
<td>{result.header}</td>
<td>{result.body}</td>
</tr>
))
但结果是
<tr>
<td>id name date verified</td>
</tr>
<tr>
<td>1 abc 26-10-2019 true</td>
</tr>
解决方案
你需要重复整个表,像这样
const render = list[0].header.map((name, i) => <tr key={i}>
<td>{name}</td>
<td>{String(list[1].body[i])}</td>
</tr>)
推荐阅读
- java - 需要帮助通过DOM java格式化xml
- fortran - 如何修复 - (1) 处的 OPEN 语句中的语法错误?
- python - 如何创建一个字符串列表,其中包含与末尾数字相同的值?
- java - 单击 JOptionPane.showMessageDialog 的 Ok 按钮后如何关闭其他 Swing 窗口
- powershell - Powershell 可以检测特定程序当前是否正在播放声音吗?
- postgresql - 如何为用户授予当前模式和未来创建的模式的权限?
- python - 在某些情况下排序列表的后半部分不起作用
- php - 努力让 PHP 变量在 MySQL Select 请求中工作
- javascript - 通过 Javascript ECMAscript 问题输入文本
- google-drive-api - 通过“access_token”访问 Google 幻灯片视频