rendering list

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>
+        {items.map(item => <li className="list-group-item" key={item}>{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>
     </ul>
     </>
   );