/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

9 votes222 views3 answers
Disable yellow box react native
Javascript React
2 votes208 views1 answer
Append a query string to the url react
Javascript React
1 vote265 views1 answer
Rendering in react
Javascript React
0 vote302 views1 answer
Apache react deploy "conf"
Javascript React
0 vote209 views1 answer
How to make dynamic title for screen in react native
Javascript React
5 votes203 views1 answer
React code splitting (component based)
Javascript React
2 votes201 views1 answer
Authfunctions react
Javascript React
33 votes209 views5 answers
Img tag in react
Javascript React
0 vote209 views1 answer
Detect if user is online react
Javascript React
12 votes194 views1 answer
Suspense react
Javascript React