javascript - react native ListView 键

Question

我的应用程序上收到一条困扰我的警告。 React 一直说我需要为每一行添加键，但无论如何我都无法添加这些键。

我的代码是这样的:

 <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)} /> }
/>

我尝试像这样在我的组件上添加 key <Card key={rowData.id}/>/ 并且我还尝试从组件内部的 Prop 中获取 key ，并将其添加到组件的第一个元素中，我的案例是 TouchbleOpacity

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

有人可以给我提示吗？还是我应该忽略这个警告？

Answer 1

实际上 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