/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

12 votes299 views3 answers
Font weight react native
Javascript React
11 votes264 views2 answers
React must be in scope when using jsx
Javascript React
1 vote272 views1 answer
Adding list items in react
Javascript React
0 vote288 views1 answer
React native sovrapporre immagini
Javascript React
18 votes260 views2 answers
How to import background image in inline css in react
Javascript React
126 votes363 views4 answers
React app using npm
Javascript React
1 vote264 views1 answer
Retour a la ligne <p> react
Javascript React
10 votes263 views2 answers
React text input onchange
Javascript React
0 vote259 views1 answer
React type div onClick
Javascript React
0 vote248 views1 answer
Get LocalStorage from WebView react native
Javascript React