关于reactnative动态添加和渲染组件，如何处理

Question

将组件放入到一个数组里面，然后在渲染的时候，将数组作为参数。

render(){
var pages =[];
for (var i = 0; i < playList.length; i++) {
pages.push(
<Text key={i}>{playList[i]}</Text>
);
}
return(
<View>
{pages}
</View>
);
}

就是这个playList的数组如何写？新的组件在哪渲染的？ 求助各位大神。

回复

Answer 1

  render() {
    var pages = [];
    for (var i = 0; i < playList.length; i++) {
      pages.push(
        <Text key={ i }>
          { playList[i] }
        </Text>
      );
    }
    return (
      <View>
        { pages.map((elem, index) => {
            return elem;
          }) }
      </View>
      );
  }

Answer 2

{pages.map((d)=>d)}