从打字稿中的数据填充列中的索引值（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>&nbsp;{index+1}&nbsp;</td>

Answer 2

试试这个this.props.data.map((row, index) => (&nbsp; &nbsp; <tr key={index}>&nbsp; &nbsp; &nbsp; &nbsp; <td> {index + 1} </td>&nbsp; &nbsp; &nbsp; &nbsp; {row.map((col, colIndex) => (&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <td key={colIndex}> {col.fullname} </td>&nbsp; &nbsp; &nbsp; &nbsp; ))}&nbsp; &nbsp; </tr>));