响应组件的本机渲染列表

Question

假设我有一个函数，他将一些组件附加到列表中。示例数据为：

var MyComponentList = ['<Text>1</Text>','<Text>2</Text>']

我只想在滚动视图中呈现列表的每个组件。 例：

render() {
return (
<ScrollView>
{The component goes here}
</ScrollView>
)
}

怎么能做呢？

Answer 1

你应该使用它而不''

const componentList = [<Text>1</Text>, <Text>2</Text>]

并渲染它像

render() {
return (
<ScrollView>
{componentList}
</ScrollView>
)
}

另一种方法是只有数据并使用.map

render() {
const data = [1, 2]
return (
<ScrollView>
{data.map(x => <Text>{x}</Text>)}
</ScrollView>
)
}