/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 vote156 views1 answer
Prevent double tap in react native
Javascript React
0 vote159 views3 answers
How to serve React JS static files with express JS?
Javascript React
86 votes155 views3 answers
React check if window exists
Javascript React
1 vote160 views2 answers
React PropTypes.instanceOf
Javascript React
3 votes141 views2 answers
React-native android build apk
Javascript React
1 vote205 views2 answers
Toastandroid react native
Javascript React
0 vote146 views1 answer
React native update helper
Javascript React
0 vote190 views1 answer
Ionic react use yarn
Javascript React
0 vote175 views1 answer
How to load a javascript game from react
Javascript React
1 vote149 views1 answer
React native run release
Javascript React