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>
)
}
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>
)
}
react for loop
<tbody>
{[...Array(10)].map((x, i) =>
<ObjectRow key={i} />
)}
</tbody>
loop inside react js
<div>
{items.map((item,index) => <ObjectRow key={index} name={item} />)}
</div>
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
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;
Copyright © 2021 Codeinu
Forgot your account's password or having trouble logging into your Account? Don't worry, we'll help you to get back your account. Enter your email address and we'll send you a recovery link to reset your password. If you are experiencing problems resetting your password contact us