2 behaviors passing

src/components/RestaurantList.js

@@ -1,11 +1,17 @@
 import { useEffect } from "react";
 
-export default function RestaurantList({ loadRestaurants })
+export default function RestaurantList({ loadRestaurants, restaurants })
 {
-    useEffect(() => { loadRestaurants(); }, [loadRestaurants]);
-    return 
-    (
-
-        <div>RestaurantList</div>
-    )
-}
+    useEffect(() => 
+    { 
+        loadRestaurants(); 
+    }, [loadRestaurants]);
+    return (
+        <ul>
+            {restaurants.map(restaurant => 
+            (
+                <li key={restaurant.id}>{restaurant.name}</li>
+            ))}
+        </ul>
+    );
+};