react-native – 我使用FlatList,我想在函数中获取rowId,该函数

发布时间：2020-12-15 20:16:42 所属栏目：百科来源：网络整理

导读：我使用过这个FlatList,我在其中调用了renderRow函数,其中我编写了代码来渲染列表项,如何在renderRow方法中获取每个行渲染器的rowId？ List containerStyle={{borderTopWidth:0,borderBottomWidth:0}} FlatList data={this.state.horseList} renderItem={(ite

我使用过这个FlatList,我在其中调用了renderRow函数,其中我编写了代码来渲染列表项,如何在renderRow方法中获取每个行渲染器的rowId？

<List containerStyle={{borderTopWidth:0,borderBottomWidth:0}}>
        <FlatList data={this.state.horseList}
        renderItem={(item) => this.renderRow(item)}
        _keyExtractor ={item => item.id} 
        onRefresh={this.handleRefresh}
        refreshing={this.state.refreshing}
        onEndReached={this.handleLoadMore}
        onEndReachedThreshold={1}
        ListFooterComponent={this.renderFooter}
        onRefresh={this.handleRefresh}
        />
    </List>

解决方法

如果我正确理解您的问题,您可以通过以下方式访问每行的索引：

<FlatList data={this.state.horseList}
     ...
     renderItem={({item,index}) => this.renderRow(item,index)}
     ...
   />

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!