/Javascript/React/How to render a component multiple times in react

How to render a component multiple times in react

Javascript render jsx element x many times

const n = 8;

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

Source: stackoverflow.com

How to render a component multiple times in react

ReactDOM.render(
  <>
   { [...Array(8)].map( ( el, i) => (    <App key={i}/> ) ) }
  </>,
  document.getElementById('root')
);

Similar codes

1 vote336 views1 answer
React native remove text from string
Javascript React
0 vote334 views4 answers
React native biometrics sign in
Javascript React
4 votes320 views2 answers
React checking matches in state array
Javascript React
0 vote373 views1 answer
Date in react js
Javascript React
8 votes301 views2 answers
React-router-dom get current route
Javascript React
0 vote330 views1 answer
React route send informaion in url
Javascript React
0 vote362 views1 answer
Start live server react js
Javascript React
0 vote344 views1 answer
Detecting change in animated value react native
Javascript React
0 vote394 views1 answer
React native center text vertically full screen
Javascript React
1 vote385 views1 answer
Npm react redux logger
Javascript React