/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 vote384 views1 answer
React native slow performance after load iamges
Javascript React
0 vote408 views1 answer
How to resolve click for div logging as parent too, in react
Javascript React
0 vote381 views1 answer
Window.location.search get parameters react
Javascript React
8 votes370 views3 answers
Disable eslint for react project
Javascript React
0 vote407 views1 answer
React native navigation paramlist never used
Javascript React
0 vote412 views1 answer
Declaring variable react hooks
Javascript React
0 vote374 views1 answer
Pass params axios get react
Javascript React
-1 vote366 views1 answer
React localstorage remove item
Javascript React
0 vote410 views1 answer
Stateprovider.js react
Javascript React
0 vote372 views1 answer
Testing library react hooks
Javascript React