From e3e3717b22cb4c972a21bdb523fd2f40f8b45850 Mon Sep 17 00:00:00 2001
From: Tay Yang Shun <tay.yang.shun@gmail.com>
Date: Sun, 22 Nov 2015 11:54:39 +0800
Subject: [PATCH] [docs] Use id for TodoApp example

---
 _js/examples/todo.js | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/_js/examples/todo.js b/_js/examples/todo.js
index 5358f41a..cc7c979c 100644
--- a/_js/examples/todo.js
+++ b/_js/examples/todo.js
@@ -1,8 +1,8 @@
 var TODO_COMPONENT = `
 var TodoList = React.createClass({
   render: function() {
-    var createItem = function(itemText, index) {
-      return <li key={index + itemText}>{itemText}</li>;
+    var createItem = function(item) {
+      return <li key={item.id}>{item.text}</li>;
     };
     return <ul>{this.props.items.map(createItem)}</ul>;
   }
@@ -16,7 +16,7 @@ var TodoApp = React.createClass({
   },
   handleSubmit: function(e) {
     e.preventDefault();
-    var nextItems = this.state.items.concat([this.state.text]);
+    var nextItems = this.state.items.concat([{text: this.state.text, id: Date.now()}]);
     var nextText = '';
     this.setState({items: nextItems, text: nextText});
   },