/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 vote335 views1 answer
Onpress react native datepicker stackver flow
Javascript React
1 vote304 views1 answer
Textinput onpress react native
Javascript React
0 vote284 views6 answers
State functions of react cheatsheet
Javascript React
4 votes319 views1 answer
React native scrollview horizontal
Javascript React
4 votes298 views3 answers
React native keystore
Javascript React
0 vote320 views1 answer
Reactjs add border to the table row
Javascript React
0 vote292 views1 answer
React redux stack overflow
Javascript React
0 vote288 views1 answer
Dark mode with react hooks
Javascript React
2 votes319 views1 answer
Remove header border react native
Javascript React
0 vote262 views1 answer
React createElement interactive button
Javascript React