From 6ecb3d36e31c3fc2686849e96eef7f353299b5a7 Mon Sep 17 00:00:00 2001
From: Gerardo Marx <gmarx_cc@itmorelia.edu.mx>
Date: Sat, 30 May 2026 11:31:50 -0600
Subject: [PATCH] rendering list

---
 src/components/ListGroup.tsx | 12 +++++-------
 1 file changed, 5 insertions(+), 7 deletions(-)

diff --git a/src/components/ListGroup.tsx b/src/components/ListGroup.tsx
index d7cbd3a..fbf4938 100644
--- a/src/components/ListGroup.tsx
+++ b/src/components/ListGroup.tsx
@@ -1,13 +1,11 @@
 function ListGroup() {
-  return (
-    <>
+    const items = ['New York', 'San Francisco', 'Tokyo', 'London'];
+    
+    return (
+        <>
     <h1>List Name</h1>
     <ul className="list-group">
-      <li className="list-group-item">An item</li>
-      <li className="list-group-item">A second item</li>
-      <li className="list-group-item">A third item</li>
-      <li className="list-group-item">A fourth item</li>
-      <li className="list-group-item">And a fifth one</li>
+        {items.map(item => <li className="list-group-item" key={item}>{item}</li>)}
     </ul>
     </>
   );