From 67778ffa5aaeda76dbb30dab7abfc26e599f24d6 Mon Sep 17 00:00:00 2001
From: afc163 <afc163@gmail.com>
Date: Mon, 19 Oct 2015 19:27:06 +0800
Subject: [PATCH] Fix key warnings

---
 scripts/demo.js | 2 +-
 spec/colors.md  | 8 ++++----
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/scripts/demo.js b/scripts/demo.js
index 5c13ff6465..9ca3422683 100644
--- a/scripts/demo.js
+++ b/scripts/demo.js
@@ -60,7 +60,7 @@ InstantClickChangeFns.push(function () {
   });
   var options = versions.map(function(version) {
     var link = versionsHistory[version];
-    return <option value={version}>{version}</option>;
+    return <option key={version} value={version}>{version}</option>;
   });
   function onChange(e) {
     if (versionsHistory[e.target.value]) {
diff --git a/spec/colors.md b/spec/colors.md
index 4f3b0f74d3..019a1112e3 100644
--- a/spec/colors.md
+++ b/spec/colors.md
@@ -77,8 +77,8 @@ let Palette = React.createClass({
     let color = this.props.color;
     return <div className="color-palette">
       <div className="main-color">
-        {color.colors.map(function(color){
-          return (<div style={{backgroundColor:color}}></div>);
+        {color.colors.map(function(color) {
+          return (<div key={color} style={{backgroundColor:color}}></div>);
         })}
       </div>
       <div className={"color-msg"}>
@@ -183,8 +183,8 @@ let ExtendPalettes = React.createClass({
       }
     ];
     return <div>
-      {colors.map((color) => {
-        return <Palette color={color} />;
+      {colors.map((color, i) => {
+        return <Palette key={i} color={color} />;
       })}
     </div>;
   }