/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

17 votes142 views6 answers
React native build android
Javascript React
1 vote140 views1 answer
Connect metamask with react app
Javascript React
0 vote162 views1 answer
React router not working with aws amplify
Javascript React
0 vote185 views1 answer
State creation in class components reactjs interview questions
Javascript React
0 vote153 views1 answer
React regions
Javascript React
4 votes150 views2 answers
How to use react-native-vector-icons
Javascript React
4 votes174 views2 answers
Axios react post form data
Javascript React
18 votes140 views2 answers
How to import background image in inline css in react
Javascript React
6 votes144 views2 answers
Export 'useHistory' (imported as 'useHistory') was not found in 'react-router-dom'
Javascript React
0 vote137 views1 answer
Onpress not working with usestate react native
Javascript React