use loop to return react component a number of times code example
Example 1: react for loop in render
render: function() {
const elements = ['one', 'two', 'three'];
return (
<ul>
{elements.map((value, index) => {
return <li key={index}>{value}</li>
})}
</ul>
)
}
Example 2: react native jsx loop with number
Count wiil be my number value = 10;
const {Count} = props;
let list = Count=== undefined?10:Count;
let jsx = [];
for (let index = 0; index < list; index++) {
jsx.push('index'+index)
}
return (
<View>
<Text>{jsx.length}</Text>
{jsx.map(()=>(
<Text>{index}</Text>
))
}
</View>
)
==========================
if you try like this
jsx = new Array(list);
this will create array but jsx is not working
try your self