/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 vote109 views1 answer
Require cycle disable warning react native
Javascript React
0 vote111 views1 answer
Module not found: Can't resolve '@date-io/date-fns' in 'C:\Users\61455\Documents\React apps\mya2o\src\pages'
Javascript React
-1 vote121 views1 answer
Component navigation without changin the url react router
Javascript React
0 vote104 views2 answers
React useEffect prevent first time
Javascript React
0 vote154 views1 answer
React implicit return
Javascript React
0 vote96 views1 answer
React custom hook refetch data
Javascript React
0 vote103 views1 answer
React native charts style gradiant
Javascript React
3 votes109 views1 answer
White screen issue in react native splashscreen
Javascript React
1 vote115 views1 answer
React js router parameters
Javascript React
0 vote63 views2 answers
Discord js remove all reactions from user
Javascript React