DEV Community

Cover image for Loop an Array JS
Dicky Saputra
Dicky Saputra

Posted on Edited on

Loop an Array JS

Top comments (2)

Collapse
 
link2twenty profile image
Andrew Bone

You could make this a bit simpler by using new Array which lets you just say how long you want an array to be.

function Loading({ item = 4 }) {
  return [...new Array(item)].map((_, i) => (
    <div key={`skeleton-just-arrived-${i}`} className="px-4 relative card group">
      <div className="rounded-xl overflow-hidden card-shadow relative bg-gray-300" style={{ width: "287px", height: "386px" }}  />
      <div className="w-8/12 h-3 absolute bottom-16 left-10 bg-gray-400 mt-3 rounded-full" />
      <div className="w-6/12 h-3 absolute bottom-10 left-10 bg-gray-400 mt-3 rounded-full" />
    </div>
  ));
}
Enter fullscreen mode Exit fullscreen mode
Collapse
 
dicky54putra profile image
Dicky Saputra

great🔥