I want to render multiple instances of the same component. Here is the component that will be repeated (not my actual component, just an example):

import React from 'react';



function Repeated () {

    return (

         <div></div>

    )

}



export default Repeated;

And the component that will repeat the other (again, just an example):

import React from 'react';

import Repeated from './Component1';



function OtherComp () {

    return (

         <div>

             <Repeated />

             <Repeated />

             <Repeated />

             <Repeated />

         </div>

    )

}



export default OtherComp;

Is there any way I can add the "Repeated" component multiple times through something like a loop, instead of having to copy and paste the component multiple times? Thanks :)