/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

0 vote95 views1 answer
Error while updating linecap of a view polyline react-native-maps
Javascript React
108 votes161 views2 answers
React start new app
Javascript React
0 vote102 views1 answer
UseFetch custom hook for React
Javascript React
1 vote92 views1 answer
Three.js react
Javascript React
0 vote94 views1 answer
Border radius not working ios react native
Javascript React
-1 vote150 views1 answer
How many data binding in react
Javascript React
14 votes97 views2 answers
Adding border in react native
Javascript React
31 votes108 views1 answer
Install react router dom and save
Javascript React
1 vote102 views1 answer
SFC in react
Javascript React
0 vote102 views1 answer
React bootstrap hide toggle menu when scrolling down
Javascript React