React Native中循环输出多个组件

这里使用JavaScript Array map() 方法:

需要为每一个组件设置一个唯一的key

render() {
        let items = [{id: 1, name: 'foo'}, {id: 2, name: 'bar'}];
        return (
            <View>
                {
                    items.map(function (item) {
                        return (
                            <View key={item.id}>
                                <Text key={item.id}>{item.name}</Text>
                            </View>
                        )
                    })
                }
            </View>
        );
    }

发表评论

您的电子邮箱地址不会被公开。