/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

2 votes143 views1 answer
Lifecycles if reactjs
Javascript React
7 votes166 views1 answer
React Native vs Flutter
Javascript React
3 votes155 views1 answer
React is front end or backend
Javascript React
15 votes132 views2 answers
React native location
Javascript React
1 vote167 views1 answer
React native remove text from string
Javascript React
0 vote147 views1 answer
S3 private image getobject react js
Javascript React
1 vote138 views1 answer
React js empty build
Javascript React
1 vote158 views1 answer
React native flatlist hide scrollbar
Javascript React
-1 vote142 views2 answers
3 dots React
Javascript React
0 vote164 views1 answer
React get current date minus 7 days
Javascript React