/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

16 votes240 views1 answer
React native loop in render
Javascript React
0 vote230 views3 answers
React animation
Javascript React
1 vote274 views1 answer
React create list of components
Javascript React
0 vote226 views1 answer
Error: bundling failed: Error: Unable to resolve module react-native-community/toolbar-android
Javascript React
2 votes268 views1 answer
Dynamic import in reactjs
Javascript React
0 vote240 views1 answer
When an aqueous solution of AgNO3 is mixed with an aqueous solution of (NH4)2CrO4, a precipitation reaction occurs. For this reaction, a) Write the molecular equation.
Javascript React
0 vote234 views1 answer
React big calendar messages
Javascript React
4 votes236 views2 answers
Google map react search place
Javascript React
0 vote228 views1 answer
Toggle boolean state react
Javascript React
17 votes275 views5 answers
How to make apk react native
Javascript React