/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 vote216 views2 answers
React typical
Javascript React
11 votes252 views4 answers
React native flatlist
Javascript React
-1 vote207 views1 answer
Timestamp to unix time react
Javascript React
0 vote208 views1 answer
How to download json object that come from backend in react
Javascript React
0 vote265 views1 answer
I18n react get current language
Javascript React
5 votes249 views1 answer
React in laravel
Javascript React
1 vote192 views1 answer
React connect production
Javascript React
7 votes202 views4 answers
Import image in react js
Javascript React
37 votes169 views5 answers
React sass
Javascript React
31 votes207 views1 answer
Npm install react-router-dom --save
Javascript React