/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 vote205 views1 answer
React native navigation paramlist never used
Javascript React
2 votes221 views1 answer
Emmet react self closing tags
Javascript React
0 vote216 views1 answer
How to reset count in react
Javascript React
-1 vote216 views2 answers
How to validate date in react
Javascript React
18 votes195 views3 answers
Add object to array react hook
Javascript React
142 votes827 views5 answers
Install react
Javascript React
0 vote216 views1 answer
Log errors react
Javascript React
0 vote220 views1 answer
How to accept only. proper email from an input field react with functional component
Javascript React
0 vote193 views1 answer
How to validate password and confirm password on react form hook
Javascript React
1 vote202 views1 answer
React-native-paper password input
Javascript React