非常抱歉,我的问题可能显得很新手(我一直在工作到很晚才开始使用React),但我正在尝试弄清楚如何仅呈现一个具有nxn维度的简单表格。
例如,在我的组件中,呈现的输出将类似于以下内容:
<table id="simple-board">
<tbody>
<tr id="row0">
<td id="cell0-0"></td>
<td id="cell0-1"></td>
<td id="cell0-2"></td>
</tr>
<tr id="row1">
<td id="cell1-0"></td>
<td id="cell1-1"></td>
<td id="cell1-2"></td>
</tr>
<tr id="row2">
<td id="cell2-0"></td>
<td id="cell2-1"></td>
<td id="cell2-2"></td>
</tr>
</tbody>
</table>
每行和每个单元格都有自己的ID。
初始状态
constructor(props){
super(props);
this.state = {size: 3}
}
是设置表格大小的内容。
让我困惑的是如何在JSX中实现for循环。