/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

3 votes174 views1 answer
Could not resolve dependency: npm ERR! peer react@"17.0.1" from [email protected]
Javascript React
0 vote189 views1 answer
How to made disktop program on react website
Javascript React
1 vote177 views1 answer
React material ui classname
Javascript React
1 vote209 views1 answer
Typing refs react
Javascript React
3 votes166 views2 answers
Link react
Javascript React
0 vote154 views3 answers
React router browser refresh
Javascript React
38 votes195 views2 answers
How to write a comment in react js
Javascript React
0 vote164 views1 answer
How to make dynamic title for screen in react native
Javascript React
0 vote158 views1 answer
React ES6 Arrow Functions
Javascript React
0 vote154 views1 answer
React how to block render if data is not fetched yet
Javascript React