/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 vote273 views1 answer
How to delete an object from array in reactjs
Javascript React
0 vote240 views1 answer
Javascript Binding Example With React
Javascript React
0 vote269 views1 answer
Try catch in react native
Javascript React
41 votes249 views5 answers
UseRef() in react
Javascript React
21 votes225 views4 answers
React memo
Javascript React
0 vote245 views1 answer
Toggle boolean state react
Javascript React
1 vote300 views1 answer
How to add react icons using yarn
Javascript React
2 votes276 views1 answer
Passing multiple props to child component in react
Javascript React
5 votes250 views2 answers
React js download file
Javascript React
0 vote252 views1 answer
Render object id in an array reactjs from database
Javascript React