Chapter 6 - use props and javascript list

index.html

@@ -8,14 +8,21 @@
     <script type="text/jsx">
         const app = document.getElementById('app');
 
-        function Header () {
+        function Header ({ title }) {
-            return <h1>Develop. Preview. Ship.</h1>
+            return <h1>{title}</h1>
         }
 
         function HomePage() {
+            const names = ['Ada Lovelace', 'Grace Hopper', 'Margaret Hamilton'];
+
             return (
                 <div> 
-                    <Header />
+                    <Header title="Develop. Preview. Ship." />
+                    <ul>
+                        {names.map((name) =>  (
+                            <li key={name}> {name} </li>
+                        ))}
+                    </ul>
                 </div>
                 )
         }