/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

3 votes220 views2 answers
Center an element react native
Javascript React
0 vote168 views2 answers
Undefined is not an object render header flatlist react hook
Javascript React
4 votes122 views1 answer
Full width of image and maintain aspect ratio react native
Javascript React
0 vote109 views1 answer
How to add react.memo in export list
Javascript React
1 vote114 views1 answer
Expo update react native
Javascript React
0 vote120 views5 answers
How to use paystack with react
Javascript React
108 votes159 views1 answer
How to start react app in windows
Javascript React
0 vote109 views1 answer
Changing map style react-leaflet
Javascript React
0 vote113 views1 answer
How to stop server of react js
Javascript React
0 vote116 views1 answer
Build function component react
Javascript React