Reactjs 如何获取ant设计表中的行索引?

Reactjs 如何获取ant设计表中的行索引?,reactjs,react-native,ant-design-pro,Reactjs,React Native,Ant Design Pro,我想显示ant设计表中的行索引。我得到的10行数据是1到10 const columns = [{ title: 'ID', dataIndex: 'id', key: 'id', width: '5%' }, ... ]; <Table key="table" columns={columns} dataSource={listData} pagination= {false} /> const列=[{ 标题:“ID”, 数

我想显示ant设计表中的行索引。我得到的10行数据是1到10

const columns = [{
    title: 'ID',
    dataIndex: 'id',
    key: 'id',
    width: '5%'
  },
...
];
<Table key="table" columns={columns} dataSource={listData} pagination= {false} />
const列=[{
标题:“ID”,
数据索引:“id”,
键:“id”,
宽度:“5%”
},
...
];

您的要求不明确。你最好向我们展示你想要实现的产出。若您需要获取“columns”数组中对象的索引,那个么您可以使用迭代器来获取该索引

例-1:

columns.map((column, index) => {
  // Your statements will go here
})
例2:

columns.forEach((column, index) => {
  // Your statements will go here
})
实时示例:

<Table key="table" columns={columns} dataSource={listData} pagination= {false} >
  <tbody>
    {columns.map((column, index) => {
      return (
        <row>
          <td>{index}</td>
        </row>
      )}
    }
  </tbody>
</Table>

{columns.map((列,索引)=>{
返回(
{index}
)}
}

还有其他类似“lodash”“forEach”的迭代器。这可能是您学习迭代器的开始

我的意思是,这张图中的第一列。我不知道这在英语中是什么意思?您能提供“listData”详细信息吗?只需键入我从服务器获得的json,我想显示索引而不是securitytitle的ID:“ID”,宽度:“5%”,render:(text,record)=>(listData.indexOf(record)+1)我修复了它