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!

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值