/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 vote371 views1 answer
React big calendar messages
Javascript React
0 vote349 views1 answer
Making font weight bold by passing value in React.js
Javascript React
0 vote366 views1 answer
Scirpt tag react
Javascript React
24 votes331 views6 answers
React native navigation
Javascript React
10 votes394 views5 answers
Form react js
Javascript React
0 vote364 views1 answer
Npm: Create react chrome extension
Javascript React
13 votes339 views10 answers
React navigation
Javascript React
0 vote372 views1 answer
React make setstate synchronous
Javascript React
0 vote380 views1 answer
JSON.stringify with strip slash reactjs
Javascript React
0 vote414 views1 answer
React router redirect with query params
Javascript React