how to write for loop in jsx 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 render for loop
// for loop workaround in react render
[...Array(n)].map((_, index) => <span key={index}>element {index}</span>)
Example 3: return jsx in for loop
var rows = [];
for (var i = 0; i < numrows; i++) {
rows.push(ObjectRow());
}
return tbody(rows);