From dd7c3249cde1eb4cca6a4c38f9f2888117afdb28 Mon Sep 17 00:00:00 2001
From: sunnylqm <sunnylqm@qq.com>
Date: Wed, 14 Oct 2015 08:59:58 +0800
Subject: [PATCH] fix warnings about keys for dots

fix warnings about keys for dots
---
 src/index.js | 16 ++++++----------
 1 file changed, 6 insertions(+), 10 deletions(-)

diff --git a/src/index.js b/src/index.js
index 0dd5e283..4c15f17d 100644
--- a/src/index.js
+++ b/src/index.js
@@ -333,27 +333,23 @@ export default React.createClass({
     if(this.state.total <= 1) return null
 
     let dots = []
+    let CustomDot = this.props.dot
+    let CustomActiveDot = this.props.activeDot
     for(let i = 0; i < this.state.total; i++) {
       dots.push(i === this.state.index
-        ? (this.props.activeDot || <View style={{
+        ? (<CustomActiveDot key={i} /> || <View key={i} style={{
             backgroundColor: '#007aff',
             width: 8,
             height: 8,
             borderRadius: 4,
-            marginLeft: 3,
-            marginRight: 3,
-            marginTop: 3,
-            marginBottom: 3,
+            margin: 3
           }} />)
-        : (this.props.dot || <View style={{
+        : (<CustomDot key={i} /> || <View key={i} style={{
             backgroundColor:'rgba(0,0,0,.2)',
             width: 8,
             height: 8,
             borderRadius: 4,
-            marginLeft: 3,
-            marginRight: 3,
-            marginTop: 3,
-            marginBottom: 3,
+            margin: 3
           }} />)
       )
     }