/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 vote184 views1 answer
React lottie player on hover
Javascript React
7 votes225 views3 answers
Conditional style prop react
Javascript React
0 vote188 views1 answer
Detecting change in animated value react native
Javascript React
13 votes175 views3 answers
ImageBackground in React Native
Javascript React
0 vote209 views1 answer
React native update state object inside object
Javascript React
0 vote156 views2 answers
React native detect platform
Javascript React
10 votes194 views4 answers
Attempted import error 'switch' is not exported from 'react-router-dom'. in react js
Javascript React
0 vote241 views1 answer
React-native firebase v9+ config
Javascript React
1 vote184 views1 answer
React redux actions must be plain objects
Javascript React
1 vote180 views1 answer
Convert nuber into string react js
Javascript React