Merge branch 'master' of github.com:ruanyf/react-demos

README.md

@@ -565,7 +565,7 @@ Put the compiled JS files into HTML.
 - [React (Virtual) DOM Terminology](http://facebook.github.io/react/docs/glossary.html), by Sebastian Markbåge
 - [The React Quick Start Guide](http://www.jackcallister.com/2015/01/05/the-react-quick-start-guide.html), by Jack Callister
 - [Learning React.js: Getting Started and Concepts](https://scotch.io/tutorials/learning-react-getting-started-and-concepts), by Ken Wheeler
-- [Getting started with React](http://ryanclark.me/getting-started-with-react/), by Ryan Clark
+- [Getting started with React](http://ryanclark.me/getting-started-with-react), by Ryan Clark
 - [React JS Tutorial and Guide to the Gotchas](https://zapier.com/engineering/react-js-tutorial-guide-gotchas/), by Justin Deal
 - [React Primer](https://github.com/BinaryMuse/react-primer), by Binary Muse
 - [jQuery versus React.js thinking](http://blog.zigomir.com/react.js/jquery/2015/01/11/jquery-versus-react-thinking.html), by zigomir

demo02/index.html

@@ -13,8 +13,8 @@
       ReactDOM.render(
         <div>
         {
-          names.map(function (name) {
-            return <div>Hello, {name}!</div>
+          names.map(function (name, index) {
+            return <div key={index}>Hello, {name}!</div>
           })
         }
         </div>,

demo03/index.html

@@ -9,8 +9,8 @@
     <div id="example"></div>
     <script type="text/babel">
       var arr = [
-        <h1>Hello world!</h1>,
-        <h2>React is awesome</h2>,
+        <h1 key="1">Hello world!</h1>,
+        <h2 key="2">React is awesome</h2>,
       ];
       ReactDOM.render(
         <div>{arr}</div>,