update react-native from 0.7.1 to 0.17.0

fix warning: Each child in an array or iterator should have a unique "key" prop.

Author: linyehui

address_book/views/home.js

@@ -20,31 +20,37 @@ var Home = React.createClass({
     var width = Math.floor(((Util.size.width - 20) - 50) / 4);
     var items = [
       {
+        id:1,
         title: '研发',
         partment: '框架研发',
         color: '#126AFF',
       },
       {
+        id:2,
         title: '研发',
         partment: 'BU研发',
         color: '#FFD600',
       },
       {
+        id:3,
         title: '产品',
         partment: '公共产品',
         color: '#F80728',
       },
       {
+        id:4,
         title: '产品',
         partment: 'BU产品',
         color: '#05C147',
       },
       {
+        id:5,
         title: '产品',
         partment: '启明星',
         color: '#FF4EB9',
       },
       {
+        id:6,
         title: '项目',
         partment: '项目管理',
         color: '#EE810D',
@@ -65,6 +71,7 @@ var Home = React.createClass({
     for(var i = 0; i < 4; i++){
       Items1.push(
         <ItemBlock
+          key={items[i].id}
           title={items[i].title}
           partment={items[i].partment}
           width={this.state.width}
@@ -77,6 +84,7 @@ var Home = React.createClass({
     for(var i = 4; i < items.length; i++){
       Items2.push(
         <ItemBlock
+          key={items[i].id}
           title={items[i].title}
           partment={items[i].partment}
           width={this.state.width}

address_book/views/home/address.js

@@ -27,7 +27,7 @@ var Address = React.createClass({
     };
     for(var i in items){
       view.push(
-        <View style={styles.row}>
+        <View key={'addressItem' + i} style={styles.row}>
           <View style={[styles.text, color]}>
             <Text style={{fontSize:25, color:'#fff', fontWeight:'bold'}}>
               {items[i].username.substr(0, 1) || '未'}

address_book/views/manager.js

@@ -26,7 +26,7 @@ var Manager = React.createClass({
     var JSXDOM = [];
     for(var i in items){
       JSXDOM.push(
-        <TouchableOpacity onPress={this._loadPage.bind(this, components[i], items[i])}>
+        <TouchableOpacity key={items[i]} onPress={this._loadPage.bind(this, components[i], items[i])}>
           <View style={[styles.item, {flexDirection:'row'}]}>
             <Text style={[styles.tag, {color: colors[i]}]}>{tags[i]}</Text>
             <Text style={[styles.font,{flex:1}]}>{items[i]}</Text>

address_book/views/manager/addUser.js

@@ -45,7 +45,7 @@ var AddUser = React.createClass({
     var tagOne = [];
     for(var i = 0; i <3; i++){
       tagOne.push(
-        <TouchableOpacity onPress={this._select.bind(this, this.state.items[i])}>
+        <TouchableOpacity key={this.state.items[i]} onPress={this._select.bind(this, this.state.items[i])}>
           <View style={[styles.part, this.state['select' + this.state.items[i]]]}>
             <Text style={this.state['select_' + this.state.items[i]]}>{this.state.tags[i]}</Text>
           </View>
@@ -56,7 +56,7 @@ var AddUser = React.createClass({
     var tagTwo = [];
     for(var i = 3; i <6; i++){
       tagTwo.push(
-        <TouchableOpacity onPress={this._select.bind(this, this.state.items[i])}>
+        <TouchableOpacity key={this.state.items[i]} onPress={this._select.bind(this, this.state.items[i])}>
           <View style={[styles.part, this.state['select' + this.state.items[i]]]}>
             <Text style={this.state['select_' + this.state.items[i]]}>{this.state.tags[i]}</Text>
           </View>

address_book/views/message.js

@@ -31,6 +31,7 @@ var Message = React.createClass({
           data={contents[i]}
           nav={this.props.navigator}
           component={Detail}
+          key={contents[i].message}
           text={contents[i].message}
           name={contents[i].username}
           date={contents[i].time}/>