/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 vote202 views1 answer
How to use empty href link in reactjs
Javascript React
0 vote207 views1 answer
React native Setting a timer for a long period of time
Javascript React
0 vote206 views1 answer
How to replace strings with react components
Javascript React
2 votes199 views1 answer
React-moralis
Javascript React
0 vote198 views1 answer
Get height webview from url video react native
Javascript React
-3 votes189 views1 answer
React native share
Javascript React
0 vote199 views1 answer
React native keyboard event listener
Javascript React
0 vote177 views2 answers
React toggle boolean state
Javascript React
0 vote186 views1 answer
Circle button react native
Javascript React
0 vote192 views1 answer
React application preloader add
Javascript React