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>
);
}