/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

21 votes331 views4 answers
React font awesome npm
Javascript React
0 vote356 views1 answer
React native open simulators list
Javascript React
0 vote339 views1 answer
React Redux reducer crud
Javascript React
0 vote345 views3 answers
Get url parameter in react js
Javascript React
0 vote325 views2 answers
React query stop refetch when i switch browser tabs (globally)
Javascript React
32 votes338 views1 answer
React router command
Javascript React
0 vote359 views1 answer
React-bootstrap problem-import new version
Javascript React
11 votes330 views3 answers
Shadow border react native
Javascript React
0 vote332 views1 answer
React cam filters
Javascript React
1 vote324 views1 answer
Add sass autoprefixer to react
Javascript React