/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 vote209 views1 answer
React get current date minus 7 days
Javascript React
0 vote219 views1 answer
Modal react form table
Javascript React
25 votes294 views5 answers
Image react
Javascript React
0 vote194 views1 answer
Formatt json to create node and child node react
Javascript React
0 vote191 views2 answers
Read data in props.histroy.push in react component
Javascript React
0 vote197 views1 answer
React string to integer
Javascript React
0 vote195 views1 answer
How to call api on load using hooks in react
Javascript React
4 votes195 views2 answers
Import reactdom
Javascript React
0 vote194 views1 answer
Keyboard avoidance view not working on react native
Javascript React
40 votes214 views4 answers
What does useref do react
Javascript React