我正在尝试迭代对象数组以显示表中的每个对象元素。
那是我的数组:
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>
答案 0 :(得分:4)
您需要像这样重复整个表
const render = list[0].header.map((name, i) => <tr key={i}>
<td>{name}</td>
<td>{String(list[1].body[i])}</td>
</tr>)
答案 1 :(得分:-3)
尝试:
const render = list.map((result, idx) => (
<tr key={idx}>
<td>{result.header[idx].toString()}</td>
<td>{result.body[idx].toString()}</td>
</tr>
))