/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

11 votes177 views4 answers
How to check for react version
Javascript React
0 vote208 views1 answer
React native application architecture
Javascript React
2 votes141 views1 answer
Display image as big as possible react native
Javascript React
0 vote121 views1 answer
React native scrollview scrollto()
Javascript React
0 vote149 views1 answer
Timezone in react js
Javascript React
2 votes135 views1 answer
Import React, { memo } from 'react';
Javascript React
0 vote138 views1 answer
React enzyme mount ReferenceError: is not defined
Javascript React
0 vote131 views1 answer
Label tag alternative in react native
Javascript React
0 vote141 views1 answer
Reactjs change fill color .svg
Javascript React
5 votes130 views1 answer
React code splitting (component based)
Javascript React