/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 vote134 views1 answer
New Intl.NumberFormat en react
Javascript React
3 votes138 views3 answers
React portals
Javascript React
0 vote148 views1 answer
React userefrence example
Javascript React
0 vote138 views3 answers
How to get svg from pucblic folder in react
Javascript React
0 vote143 views1 answer
Radio button in react native expo
Javascript React
14 votes173 views4 answers
&& in react jsx
Javascript React
0 vote142 views1 answer
Reactjs add border to the table row
Javascript React
26 votes139 views5 answers
React font-awesome
Javascript React
0 vote147 views1 answer
Convert table to excel reactjs
Javascript React
0 vote144 views1 answer
React native fade in fade out animation
Javascript React