/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 vote381 views1 answer
React-native-infinite-scroll-with-flatlist
Javascript React
8 votes322 views1 answer
React-fragment
Javascript React
2 votes358 views2 answers
React native asign width to image
Javascript React
0 vote336 views3 answers
Proptypes for a react component
Javascript React
0 vote309 views1 answer
CocoaPods could not find compatible versions for pod "React/Core": In Podfile: react-native-fetch-blob (from `../node_modules/react-native-fetch-blob`) was resolved to 0.10.6, which depends on React/Cor
Javascript React
0 vote316 views1 answer
Find 401 error and logout axios in react
Javascript React
0 vote324 views2 answers
Airbnb and eslint react native
Javascript React
0 vote335 views1 answer
Retour à la ligne react native
Javascript React
0 vote331 views2 answers
How to give data from react native to webview
Javascript React
3 votes292 views1 answer
React bootstrap card
Javascript React