/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 vote210 views1 answer
Link externo para usar em React
Javascript React
29 votes235 views2 answers
React or vue
Javascript React
3 votes260 views1 answer
Showing an image in react js
Javascript React
1 vote222 views1 answer
React stripe npm
Javascript React
0 vote327 views1 answer
How to align placeholder in react native
Javascript React
-1 vote196 views1 answer
React slick npm
Javascript React
0 vote219 views1 answer
React this.state.selectedDays.toLocaleDateString is not a function
Javascript React
2 votes229 views1 answer
How to use `setState` callback on react hooks
Javascript React
0 vote264 views1 answer
How to hide title bar react-navigation
Javascript React
0 vote246 views1 answer
How to use mdbreact in react js
Javascript React