原为:
render() {
return (<ScrollView style={styles.container}>
<View style={styles.imageGrid}>
{ this.state.images.map((image) => {
return (
<TouchableHighlight onPress={this.selectImage.bind(null, image.uri)}>
*/
{ this.state.images.map((image, i) => {
return (
<TouchableHighlight key={i} onPress={this.selectImage.bind(null, image.uri)}>
<Image style={styles.image} source={{ uri: image.uri }} />
</TouchableHighlight>
);
})
}
</View>
</ScrollView>
);
}
出了个Warning: Each child in ar array or integrator should have a unique "key" prop
查了半天,在这里似乎得到答案 http://stackoverflow.com/questions/28329382/understanding-unique-keys-for-array-children-in-react-js
改为:
render() {
return (<ScrollView style={styles.container}>
<View style={styles.imageGrid}>
{ this.state.images.map((image, i) => {//此处加了 ,i)
return (
<TouchableHighlight key={i} onPress={this.selectImage.bind(null, image.uri)}>//此处加了 key={i}
<Image style={styles.image} source={{ uri: image.uri }} />
</TouchableHighlight>
);
})
}
</View>
</ScrollView>
);
}
warning 消失,,,yeah!