React for loop

Map function in react

function NameList() {
	const names = ['Bruce', 'Clark', 'Diana']
    return (
    	<div>
      {names.map(name => <h2>{name}</h2>)}
      	</div>
    )
}

Source: youtube.com

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>
  )
}

Source: flaviocopes.com

React for loop

<tbody>
  {[...Array(10)].map((x, i) =>
    <ObjectRow key={i} />
  )}
</tbody>

Source: stackoverflow.com

React loop through array

this.items = this.state.cart.map((item, key) =>    <li key={item.id}>{item.name}</li>);

Source: medium.com

Similar codes

1 vote305 views1 answer
Why v-slot not working in vue 3
C#
0 vote309 views1 answer
How to chnage the Scale propery of rect tranform unity
C#
-1 vote304 views1 answer
How to print a variable in c#
C#
1 vote336 views1 answer
How to make an a i in unity
C#Unity
1 vote312 views1 answer
How to set serial number in gridview in asp net
C#
21 votes320 views2 answers
Change scale of an object unity
C#
0 vote330 views1 answer
How to convert iformfile to byte array c#
C#
1 vote347 views1 answer
C# virtual keyword
C#
0 vote311 views1 answer
C# run loop x times
C#
0 vote314 views1 answer
Which of the following string methods can be used to determine if a string contains only ‘\n’ characters?
C#