/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 vote153 views1 answer
React-map-multidimensional-array
Javascript React
0 vote127 views1 answer
React native text area align top
Javascript React
0 vote93 views2 answers
React filter buttons
Javascript React
0 vote145 views1 answer
Can you wrap redux provider within react.strictmode
Javascript React
0 vote119 views1 answer
Link externo no react
Javascript React
125 votes255 views6 answers
Install React Bootstrap
Javascript React
0 vote131 views1 answer
S3 private image getobject react js
Javascript React
0 vote120 views1 answer
Failed to construct image react-native
Javascript React
1 vote124 views1 answer
Tab navigation react-native without title
Javascript React
0 vote131 views1 answer
Getting state in react-router-dom v6
Javascript React