loop react 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: loop with react and react native
import React from 'react';
import './App.css';
let items=['Item 1','Item 2','Item 3','Item 4','Item 5'];
let itemList=[];
items.forEach((item,index)=>{
itemList.push( <li key={index}>{item}</li>)
})
function App() {
return (
<>
<h2>This is a simple list of items</h2>
<ul>
{itemList}
</ul>
</>
);
}
export default App;
Example 3: react render for loop
[...Array(n)].map((_, index) => <span key={index}>element {index}</span>)