/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 vote343 views1 answer
Close exit app react native
Javascript React
1 vote387 views1 answer
React site warning: The href attribute requires a valid address. Provide a valid, navigable address as the href value jsx-a11y/anchor-is-valid
Javascript React
1 vote304 views1 answer
React current path
Javascript React
1 vote391 views1 answer
React native flatlist hide scrollbar
Javascript React
0 vote326 views1 answer
How to use saved image on react
Javascript React
23 votes324 views5 answers
USE ICONS IN REACT
Javascript React
0 vote310 views1 answer
React native get uri of the image in the app assets folder
Javascript React
0 vote284 views1 answer
React dropdown search bar
Javascript React
0 vote317 views2 answers
This.webview.postmessage is not a function reactnative
Javascript React
142 votes433 views6 answers
Create-react-app
Javascript React