/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 vote201 views1 answer
Input type email react js-validation
Javascript React
24 votes197 views5 answers
React map array
Javascript React
1 vote209 views1 answer
Document not intialized react js
Javascript React
7 votes194 views2 answers
Br in react native
Javascript React
0 vote210 views2 answers
How to pass data in router link react-typescript
Javascript React
0 vote213 views1 answer
React-leaflet/core/cjs/pane.js:7%20error15-Jun-2021%2000:45:06%20%20%20%20%20%20const%20pane%20=%20props.pane%20??%20context.pane;
Javascript React
0 vote197 views1 answer
React Hook useEffect has missing dependencies: 'cart' and 'user._id'. Either include them or remove the dependency array react-hooks/exhaustive-deps
Javascript React
-2 votes213 views1 answer
How to identify debug and release build in react native
Javascript React
0 vote208 views1 answer
React native multiple touchableopacity
Javascript React
22 votes200 views3 answers
How to define array in react js
Javascript React