/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 vote302 views1 answer
Handle an input with React hooks
Javascript React
0 vote328 views1 answer
React duration picker
Javascript React
0 vote306 views2 answers
Storage package npm react
Javascript React
0 vote382 views1 answer
Discord bot remove message reaction
Javascript React
6 votes313 views3 answers
React native vector icons not showing
Javascript React
113 votes311 views6 answers
React app
Javascript React
0 vote334 views1 answer
Persian calender for react-native
Javascript React
3 votes268 views1 answer
React native netinfo
Javascript React
15 votes330 views1 answer
React forwardref
Javascript React
0 vote305 views2 answers
React native setstate object
Javascript React