/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 vote176 views1 answer
How is react different from normal js
Javascript React
0 vote190 views1 answer
Network display react native
Javascript React
0 vote191 views1 answer
React Readonly rating
Javascript React
14 votes208 views4 answers
Conditional classname prop react
Javascript React
11 votes198 views2 answers
'React' must be in scope when using JSX react/react-in-jsx-scope
Javascript React
0 vote183 views1 answer
Build class component react
Javascript React
0 vote186 views1 answer
React Movies
Javascript React
-1 vote200 views1 answer
Image component doesn't show image from url react native
Javascript React
-2 votes207 views2 answers
Search bar in react js material ui
Javascript React
0 vote192 views1 answer
Make forn awesome icon clickable in react
Javascript React