/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

25 votes179 views2 answers
You are running `create-react-app` 4.0.3, which is behind the latest release (5. 0.0).
Javascript React
1 vote176 views1 answer
Google font in react native
Javascript React
0 vote168 views1 answer
Styling scrollview height in react native
Javascript React
0 vote175 views1 answer
React chart js 2 api data
Javascript React
-2 votes202 views3 answers
React and express
Javascript React
0 vote165 views1 answer
React catch error in component
Javascript React
0 vote174 views1 answer
React native use route undefined
Javascript React
0 vote178 views1 answer
React native text area align top
Javascript React
0 vote169 views2 answers
How to pass data in router link react-typescript
Javascript React
15 votes164 views2 answers
React check if url address is valid
Javascript React