/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 vote69 views1 answer
Table reactstrap
Javascript React
0 vote107 views1 answer
React native hide stack navigator title
Javascript React
0 vote115 views1 answer
React Redux reducer combineReducers exemple
Javascript React
-2 votes122 views1 answer
React Pagination
Javascript React
4 votes128 views3 answers
How to add google map in react js
Javascript React
0 vote122 views1 answer
Npm i react-use-navigator-permissions
Javascript React
0 vote110 views1 answer
Update an object key value in state react
Javascript React
18 votes110 views3 answers
How to setup tailwind for reactjs
Javascript React
9 votes108 views2 answers
React select options
Javascript React
0 vote118 views1 answer
Insert isValidPhoneNumber in react hook form
Javascript React