/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 vote226 views1 answer
Could not resolve project :react-native-iap mergedebugassets
Javascript React
0 vote213 views1 answer
React native scrollview scrollto()
Javascript React
32 votes245 views1 answer
React-router react-router-dom
Javascript React
0 vote231 views1 answer
React userefrence example
Javascript React
0 vote243 views1 answer
Prevent double tap in react native
Javascript React
1 vote267 views1 answer
React redux not updating
Javascript React
2 votes222 views2 answers
How to change react icon color
Javascript React
0 vote242 views1 answer
Try catch in react native
Javascript React
0 vote225 views1 answer
React createElement interactive button
Javascript React
0 vote234 views1 answer
React add link to button
Javascript React