/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 vote433 views2 answers
Hiding header in a specific screen in react native
Javascript React
-1 vote374 views1 answer
Get height component react
Javascript React
1 vote357 views1 answer
How to position View absolute react native
Javascript React
0 vote395 views1 answer
React paypal express checkout
Javascript React
0 vote295 views0 answer
React
Javascript React
0 vote345 views1 answer
Export app react native
Javascript React
0 vote386 views1 answer
11. Which of the following metals catch fire on reaction with air? A. Magnesium B. Manganese C. Potassium D. Calcium
Javascript React
18 votes352 views6 answers
React native android build
Javascript React
14 votes303 views1 answer
Change checkbox value react
Javascript React
0 vote389 views1 answer
React userefrence example
Javascript React