关于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

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