/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

2 votes265 views2 answers
Export aab bundle react native android
Javascript React
0 vote201 views1 answer
React-datepicker
Javascript React
0 vote210 views1 answer
How to remove elevation tab bar react native
Javascript React
0 vote223 views2 answers
React native icons in one file
Javascript React
2 votes214 views1 answer
Combining two styles react native
Javascript React
0 vote230 views1 answer
React props change
Javascript React
8 votes222 views3 answers
React Lazy()
Javascript React
157 votes808 views6 answers
Create new react app
Javascript React
0 vote224 views1 answer
Jsx not working in react vscode
Javascript React
0 vote398 views1 answer
How to run electron and react using concurrently
Javascript React