表反應來自數組的引導組件渲染

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>