/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 vote357 views1 answer
Organize api calls react native folder
Javascript React
0 vote362 views1 answer
Dynamic for loop react
Javascript React
1 vote397 views1 answer
Statusbar.sethidden(true) in react native
Javascript React
11 votes372 views2 answers
'React' must be in scope when using JSX react/react-in-jsx-scope
Javascript React
0 vote396 views2 answers
Install boxicons in react
Javascript React
0 vote373 views1 answer
Array map order by timestamp reactjs
Javascript React
0 vote408 views1 answer
Npm auth0-react
Javascript React
0 vote386 views2 answers
React Class components LifeCycles
Javascript React
1 vote354 views1 answer
How to connect socket in react js
Javascript React
0 vote347 views1 answer
Load all icon from a folder in react
Javascript React