反应本机渲染组件列表

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