javascript - React Native 渲染组件列表

Question

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

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

我只想在 ScrollView 中渲染列表的每个组件。示例:

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