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

来源:互联网 发布:mac 网游 编辑:程序博客网 时间:2024/05/02 01:04

原为:

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
原创粉丝点击