/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

1 vote265 views1 answer
How to test useEffect in react testing library
Javascript React
0 vote295 views1 answer
Uuid react native expo
Javascript React
1 vote216 views1 answer
React-native razorpay
Javascript React
0 vote181 views1 answer
Switch React Native Paper
Javascript React
0 vote200 views1 answer
Making all makers to show in react native map
Javascript React
0 vote205 views1 answer
React state deconstructed
Javascript React
8 votes208 views4 answers
React multiple classnames
Javascript React
0 vote202 views1 answer
React-scripts not found
Javascript React
32 votes215 views1 answer
How to use routes in react js
Javascript React
1 vote224 views1 answer
Inline z-index react
Javascript React