Reactjs 如何反应本机listView以获得要显示的编号?

Reactjs 如何反应本机listView以获得要显示的编号?,reactjs,react-native,Reactjs,React Native,我想使用listView显示以下内容,包括编号(将来自API),但API没有编号: 约翰 彼得 玛丽 五月 查理 构造函数(道具){ 超级(道具); var ds=新的ListView.DataSource({rowHasChanged:(r1,r2)=>r1!==r2}); 此.state={ 数据源:ds.cloneWithRows([ {姓名:“约翰”}, {姓名:“彼得”}, {姓名:“玛丽”}, {name:“May”}, {姓名:“查理”} ]) }; } render(){

我想使用listView显示以下内容,包括编号(将来自API),但API没有编号:

  • 约翰
  • 彼得
  • 玛丽
  • 五月
  • 查理

  • 构造函数(道具){
    超级(道具);
    var ds=新的ListView.DataSource({rowHasChanged:(r1,r2)=>r1!==r2});
    此.state={
    数据源:ds.cloneWithRows([
    {姓名:“约翰”},
    {姓名:“彼得”},
    {姓名:“玛丽”},
    {name:“May”},
    {姓名:“查理”}
    ])
    };   }
    render(){
    返回(
    {rowData.name}
    />
    );   }
    


    我只能显示没有编号的项目。谁能帮我?谢谢

    您可以使用rowID获取项目的当前索引,并从中递增:

    renderRow (rowData, sectionID, rowID) {
      rowID++
      return <Text>{rowID}. {rowData.name}</Text>
    }
    
    renderRow(行数据、节ID、行ID){
    罗维德++
    返回{rowID}.{rowData.name}
    }
    
    我树立了一个有效的榜样


    您可以使用rowID获取项目的当前索引,并从中递增:

    renderRow (rowData, sectionID, rowID) {
      rowID++
      return <Text>{rowID}. {rowData.name}</Text>
    }
    
    renderRow(行数据、节ID、行ID){
    罗维德++
    返回{rowID}.{rowData.name}
    }
    
    我树立了一个有效的榜样


    非常感谢!这正是我想非常感谢你!这正是我想要的