Map an array in react

Map function in react

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

Source: youtube.com

React map

const numbers = [1, 2, 3, 4, 5];
const doubled = numbers.map((number) => number * 2);console.log(doubled);

Source: reactjs.org

Map an array in react

//lets say we have an array of objects called data
<div className="sample">
  {data.map((item)=>{
    return(
  <div key={item.id} className="objectname">
    <p>{item.property1}</p>
    <p>{item.property2}</p>
  </div>
    );
  });
</div>

React loop through array

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

Source: medium.com

Map react

const numbers = [1, 2, 3, 4, 5];
const doubled = numbers.map((number) => number * 2);console.log(doubled);

Source: reactjs.org

Similar codes

33 votes283 views2 answers
How to use the label tag in html
Html
15 votes285 views5 answers
Audio in html
Html
14 votes277 views3 answers
Html textboxes
Html
0 vote337 views1 answer
Trash icon html
Html
0 vote253 views1 answer
Add input field on button click
Html
0 vote270 views1 answer
Html mobile does not show pdf with object
Html
1 vote301 views1 answer
Select all text in textarea javascript
Html
1 vote290 views2 answers
Add icon website
Html
0 vote256 views1 answer
What is the defrence between head and title in html
Html
0 vote270 views1 answer
Angularjs logout route
Html