javascript – React-native ListView键

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript – React-native ListView键，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含913字，纯文字阅读大概需要2分钟。

内容图文

我在我的应用程序上收到了一个警告我的警告.反应一直说我需要为每一行添加密钥,但无论我不能添加这些密钥.

我的代码看起来像这样：

 <ListView
   style={styles.listView}
   dataSource={this.state.favs}
   renderSeparator={() => <View style={styles.listSeparator}/>}
   renderRow={(rowData,i) => <Card data={rowData} 
            onPress={this.onCardPress.bind(this,rowData)} /> }
/>

我尝试在我的组件上添加密钥,如下所示< Card key = {rowData.id} /> /
 我也尝试从我的组件中的道具中获取密钥,并将其添加到我的案例中的组件的第一个元素中是一个TouchbleOpacity

<TouchableWithoutFeedback
        key={this.props.key}
        style={styles.cardBtn}>

有人可以给我一个提示吗？或者我应该忽略这个警告？

解决方法:

实际上renderRow有四个参数(rowData,sectionID,rowID,highlightRow),你需要第三个而不是第二个.

renderRow={(rowData, sectionID, rowID) => <Card key={rowID} data={rowData} 
            onPress={this.onCardPress.bind(this,rowData)} /> }

参考：facebook.github.io/react-native/docs/listview.html#renderrow

内容总结

以上是互联网集市为您收集整理的javascript – React-native ListView键全部内容，希望文章能够帮你解决javascript – React-native ListView键所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

---