Table react bootstrap 从数组渲染组件

Question

我想渲染一个包含 N 行的 Table 组件，其中 N 对应于给定的数组长度，并且对于每一行，将有两列：第一列带有对象数组的参数第二个带有另一个参数。我该怎么做？
这是一个 backbone

<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() method 来做到这一点。这是示例代码。

<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>