fixes #2 Add a key on Todo

Author: brice

src/components/Todo.js

@@ -1,6 +1,5 @@
 var React = require('react');
 
-
 function Todo(props) {
   return (
     <li style={{ 

src/components/TodoList.js

@@ -3,15 +3,13 @@ var React = require('react');
 var Todo = require('./Todo.js');
 
 function TodoList(props) {
-  var todoNodes = props.data.map(function(todo) {
-    return (
-      <Todo completed={todo.completed} text={todo.text} />
-    );
-  });
+  var data = props.data;
   return (
     <div className="TodoList">
       <ul>
-        {todoNodes}
+        {data.map(function(todo) {
+          return <Todo key={todo.id} completed={todo.completed} text={todo.text} />
+        })}
       </ul>
     </div>
   );

src/index.js

@@ -6,7 +6,6 @@ var data = [
   {id: 2, text: "Add data", completed: 1},
 ];
 
-
 var TodoApp = require('./components/TodoApp.js');
 
 ReactDOM.render(