/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

105 votes133 views1 answer
Install and run react js project...
Javascript React
12 votes124 views3 answers
Get value of input react
Javascript React
0 vote125 views1 answer
React custom hook refetch data
Javascript React
0 vote80 views1 answer
How to define cardTitle background image in mdl in reactjs
Javascript React
0 vote145 views1 answer
React google map doesn't update marker
Javascript React
0 vote125 views1 answer
How to use elements of 'react-router-dom'
Javascript React
0 vote138 views4 answers
React tutorial for beginners
Javascript React
63 votes121 views6 answers
React router install
Javascript React
0 vote127 views1 answer
React native map not loading
Javascript React
0 vote138 views1 answer
My react router Dom learnings
Javascript React