/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

16 votes233 views6 answers
React useState hook
Javascript React
0 vote237 views1 answer
How to pass an id to the route of a seprate file react
Javascript React
47 votes298 views3 answers
How to comment in the react javascript
Javascript React
9 votes249 views3 answers
React import font awesome
Javascript React
0 vote247 views1 answer
Javascript ReactDOM.render
Javascript React
6 votes225 views1 answer
React dictionary key value avec 2 variable
Javascript React
13 votes265 views3 answers
React native conditional rendering
Javascript React
11 votes237 views5 answers
React router refresh page
Javascript React
0 vote237 views1 answer
Set meterial icon color change onClick react
Javascript React
3 votes267 views2 answers
Yup checking phone number is valid react
Javascript React