/Javascript/React/Loop in react depending on number

Loop in react depending on number

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

Loop in react depending on number

const n = 8;
{[...Array(n)].map((elementInArray, index) => ( 
    <div className="" key={index}> Whatever needs to be rendered repeatedly... </div> 
    ) 
)}

React native loop in render

{
  countryCodes.map(
    ({name,code,emoji}): React.ReactElement<any> => {
    return (
    <Picker.Item label={emoji+' '+name} value={code} key={name} />
    );
},
  )
}

use this in jsx anywhere use want to use

-1

Similar codes

17 votes257 views4 answers
React native geolocation
Javascript React
18 votes223 views2 answers
How to import background image in inline css in react
Javascript React
11 votes246 views2 answers
How to add react icons using npm
Javascript React
7 votes264 views3 answers
Conditional style prop react
Javascript React
0 vote229 views2 answers
Adding preview images to react apps for linkedin
Javascript React
0 vote220 views1 answer
React-native resource android:attr/lStar not found in Android
Javascript React
0 vote216 views1 answer
React bootstrap font awesome icons
Javascript React
0 vote221 views1 answer
What is react mounting
Javascript React
4 votes223 views2 answers
Onitemclick react
Javascript React
0 vote192 views1 answer
Toggle class onscroll hook react
Javascript React