/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

0 vote304 views1 answer
React '$' is not define
Javascript React
33 votes304 views5 answers
Img tag in react
Javascript React
1 vote311 views1 answer
Breakline in react native
Javascript React
0 vote324 views1 answer
React show new app
Javascript React
0 vote286 views1 answer
How to unmount inactive screens in bottom tab react native
Javascript React
0 vote307 views1 answer
How to creacte react component
Javascript React
1 vote264 views1 answer
React index.js BrowserRouter
Javascript React
1 vote345 views1 answer
How to execute function without using onclick on react code example
Javascript React
0 vote321 views1 answer
React password hashing
Javascript React
0 vote274 views1 answer
OnClick={ (window.open react js
Javascript React