从打字稿中的数据填充列中的索引值（Angular / React）

Question

我有下面的数组。我试图填充下表格式。第一个字段是排名，然后玩家姓名应该从零一个一个的数组。0:Array(3)    0:{fullname:'john'}    1:{fullname:'kennedy'}    2:{fullname:'sachin'}1:Array(3)    0:{fullname:'dravid'}    1:{fullname:'dhoni'}    2:{fullname:'kohli'}2:Array(3)    0:{fullname:'mcrath'}    1:{fullname:'murali'}    2:{fullname:'dinesh'}我的代码在下面。它不起作用。排名列未正确显示 排名列应从 1 自动递增。 {this.props.data.map((row, index) => {      return (           <tr>               {row.map((col, colIndex) => {                      return (                           <td> {col.index} </td>                          <td> {col.fullname} </td>                      )                 })}          </tr>      )  })}

Answer 1

您应该使用外部地图index，并且随着索引的开始，0您应该根据需要添加 1：

<td> {index+1} </td>

Answer 2

试试这个

this.props.data.map((row, index) => (

    <tr key={index}>

        <td> {index + 1} </td>

        {row.map((col, colIndex) => (

            <td key={colIndex}> {col.fullname} </td>

        ))}

    </tr>

));