Map function in react

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

Source: youtube.com

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>

Map react

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

Source: reactjs.org

Similar codes

0 vote191 views2 answers
Call a method of component from outside react
Javascript React
0 vote177 views1 answer
React proxy to flask server
Javascript React
24 votes193 views6 answers
Shadow react native
Javascript React
14 votes186 views4 answers
Conditional classname prop react
Javascript React
11 votes189 views2 answers
'React' must be in scope when using JSX react/react-in-jsx-scope
Javascript React
0 vote186 views1 answer
Telerik grid data automatically scroll to particular record in react
Javascript React
1 vote220 views1 answer
Add sass autoprefixer to react
Javascript React
0 vote193 views2 answers
Write data in props.histroy.push in react component
Javascript React
5 votes245 views1 answer
React native break line text if too big
Javascript React
1 vote185 views1 answer
React native basic template
Javascript React