ReactNativeiOS（三）开发零碎3 warning: Each child in ar array or integrator should have a unique "key" prop

原为：

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！