/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 vote416 views1 answer
Github create react app buildpack
Javascript React
1 vote378 views1 answer
Responsive calc height react native
Javascript React
4 votes410 views4 answers
Responsive font size react native
Javascript React
1 vote343 views1 answer
Commit in react
Javascript React
0 vote437 views1 answer
`ForwardRef(ListboxComponent)`, expected a ReactNode. at ListboxComponent
Javascript React
5 votes420 views1 answer
Redirect in netlify react
Javascript React
0 vote474 views2 answers
Hiding header in a specific screen in react native
Javascript React
0 vote410 views1 answer
What difference between react func and class components
Javascript React
1 vote400 views1 answer
Reconciliation in react
Javascript React
2 votes440 views2 answers
Prevent a page from refreshing in react
Javascript React