/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

5 votes219 views1 answer
How to create a component in react native
Javascript React
24 votes204 views6 answers
React map
Javascript React
0 vote218 views2 answers
Which one is better arrow functions or using bind in react?
Javascript React
0 vote226 views1 answer
React time input
Javascript React
105 votes235 views3 answers
React bootstrap do you need to import
Javascript React
0 vote263 views2 answers
Loop through array react native
Javascript React
0 vote216 views1 answer
React bootstrap font awesome icons
Javascript React
1 vote221 views2 answers
React js alert popup example
Javascript React
15 votes216 views6 answers
Form in react
Javascript React
16 votes235 views2 answers
Render text in for loop react in function
Javascript React