/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

0 vote474 views1 answer
ScrollspyNav react
Javascript React
0 vote366 views3 answers
How to hide a screen from drawer in react navigation 5
Javascript React
0 vote380 views2 answers
Prism react renderer
Javascript React
3 votes480 views3 answers
Center horizontally react native
Javascript React
0 vote373 views1 answer
How disabled react-select
Javascript React
0 vote379 views1 answer
V4 history for react action or api calls
Javascript React
0 vote383 views1 answer
Bottom tab navigator react native transparent
Javascript React
0 vote391 views1 answer
React bootstrap font awesome icons
Javascript React
0 vote376 views1 answer
Get api data from localhost in react native
Javascript React
3 votes546 views2 answers
Center an element react native
Javascript React