From 915ae241a9c93d57b2f10d46630ebeaa0be32ae1 Mon Sep 17 00:00:00 2001
From: Egor Vorobiev <vorobievegoralexandrovich@gmail.com>
Date: Tue, 22 Sep 2015 19:52:17 +0300
Subject: [PATCH] Add key to list

---
 src-cljs/reagent_tutorial/core.cljs | 11 +++++------
 1 file changed, 5 insertions(+), 6 deletions(-)

diff --git a/src-cljs/reagent_tutorial/core.cljs b/src-cljs/reagent_tutorial/core.cljs
index e30b120..cc205fe 100644
--- a/src-cljs/reagent_tutorial/core.cljs
+++ b/src-cljs/reagent_tutorial/core.cljs
@@ -46,10 +46,10 @@
         (>= c 2) (assoc :middle middle)))))
 
 ;; UI components
-(defn contact [c]
-  [:li
+(defn contact [id c]
+  [:li {:key id}
    [:span (display-name c)]
-   [:button {:on-click #(remove-contact! c)} 
+   [:button {:on-click #(remove-contact! c)}
     "Delete"]])
 
 (defn new-contact []
@@ -69,12 +69,11 @@
   [:div
    [:h1 "Contact list"]
    [:ul
-    (for [c (:contacts @app-state)]
-      [contact c])]
+    (map-indexed (fn [id element] (contact id element)) (:contacts @app-state))]
    [new-contact]])
 
 ;; Render the root component
 (defn start []
-  (r/render-component 
+  (r/render-component
    [contact-list]
    (.getElementById js/document "root")))