/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 vote198 views1 answer
React native picker not taaking height on android
Javascript React
24 votes156 views6 answers
React native navigation
Javascript React
0 vote190 views1 answer
[Design System React] App element is not defined. Please use Settings.setAppElement(el)
Javascript React
0 vote222 views2 answers
How to sent react from data in mongodb
Javascript React
3 votes207 views1 answer
React parameter value from query string
Javascript React
1 vote206 views1 answer
Two button in one row react native
Javascript React
0 vote180 views1 answer
React native fade in fade out animation
Javascript React
2 votes227 views4 answers
Discord js remove reaction from user
Javascript React
1 vote188 views1 answer
How hooks handle dependency in react
Javascript React
2 votes206 views1 answer
React import multiple images
Javascript React