表从数组中反应引导程序组件渲染

Question

我想呈现一个具有N行的Table组件，其中N对应于给定的数组长度，每行将有两列：第一列带有对象数组的参数，第二列带有另一个参数。我该怎么做
这是一个骨干

<Table>
<thead>
<tr>
<th>param #1</th>
<th>param #2</th>
</tr>
</thead>
<tbody>
...for array.length-times...(
<td>array[0].param1</td>
<td>array[0].param2</td>
....)
</tbody>
</Table>

Answer 1

我理解你的问题，你可以使用map((方法来完成。这是示例代码。

<Table>
<thead>
<tr>
<th>param #1</th>
<th>param #2</th>
</tr>
</thead>
<tbody>
{yourArray.map(arrayData=>{
return(
<tr>
<td>arrayData.param1</td>
<td>arrayData.param2</td>
</tr>
)
}
)}
</tbody>
</Table>