/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 vote125 views1 answer
Adding parameters to url react router
Javascript React
-2 votes129 views1 answer
How to hide keyboard in react native
Javascript React
1 vote118 views1 answer
React connect production
Javascript React
1 vote129 views1 answer
React get input value on button click functional component
Javascript React
0 vote128 views1 answer
Switch button react value
Javascript React
0 vote128 views1 answer
React onclick div
Javascript React
3 votes135 views1 answer
React native duplicate resources: Android
Javascript React
10 votes133 views3 answers
Install firebase react
Javascript React
18 votes127 views2 answers
Store data in localstorage react
Javascript React
0 vote230 views1 answer
How to declare a variable in react
Javascript React