From e4fe55708972c0b09674e99b4841830339620196 Mon Sep 17 00:00:00 2001
From: Christopher Dro <hello@blick-labs.com>
Date: Fri, 11 Dec 2015 21:21:02 -0800
Subject: [PATCH] Fix all warnings for missing keys.

Summary:
I had to go through each component while debugging for another issue and decided to clean these warnings up along the way.
Closes https://github.com/facebook/react-native/pull/4653

Reviewed By: svcscm

Differential Revision: D2752740

Pulled By: androidtrunkagent

fb-gh-sync-id: 94da8ad693cae04e353f33f540c15214f6f3e7d8
---
 Examples/UIExplorer/AnimatedExample.js            |  1 +
 Examples/UIExplorer/AsyncStorageExample.js        |  2 +-
 Examples/UIExplorer/CameraRollExample.ios.js      |  4 ++--
 .../PullToRefreshViewAndroidExample.android.js    |  4 ++--
 Examples/UIExplorer/StatusBarIOSExample.js        |  6 +++---
 Examples/UIExplorer/TextInputExample.ios.js       |  2 +-
 Examples/UIExplorer/TimerExample.js               | 15 +++++++++++++--
 7 files changed, 23 insertions(+), 11 deletions(-)

diff --git a/Examples/UIExplorer/AnimatedExample.js b/Examples/UIExplorer/AnimatedExample.js
index e417cacbe..5f6096338 100644
--- a/Examples/UIExplorer/AnimatedExample.js
+++ b/Examples/UIExplorer/AnimatedExample.js
@@ -195,6 +195,7 @@ exports.examples = [
           {['Composite', 'Easing', 'Animations!'].map(
             (text, ii) => (
               <Animated.View
+                key={text}
                 style={[styles.content, {
                   left: this.anims[ii]
                 }]}>
diff --git a/Examples/UIExplorer/AsyncStorageExample.js b/Examples/UIExplorer/AsyncStorageExample.js
index a091c0caa..a3ca76437 100644
--- a/Examples/UIExplorer/AsyncStorageExample.js
+++ b/Examples/UIExplorer/AsyncStorageExample.js
@@ -80,7 +80,7 @@ var BasicStorageExample = React.createClass({
         </Text>
         <Text>{' '}</Text>
         <Text>Messages:</Text>
-        {this.state.messages.map((m) => <Text>{m}</Text>)}
+        {this.state.messages.map((m) => <Text key={m}>{m}</Text>)}
       </View>
     );
   },
diff --git a/Examples/UIExplorer/CameraRollExample.ios.js b/Examples/UIExplorer/CameraRollExample.ios.js
index d783d9d8e..d1f3e96c9 100644
--- a/Examples/UIExplorer/CameraRollExample.ios.js
+++ b/Examples/UIExplorer/CameraRollExample.ios.js
@@ -79,8 +79,8 @@ var CameraRollExample = React.createClass({
     var location = asset.node.location.longitude ?
       JSON.stringify(asset.node.location) : 'Unknown location';
     return (
-      <TouchableOpacity onPress={ this.loadAsset.bind( this, asset ) }>
-        <View key={asset} style={styles.row}>
+      <TouchableOpacity key={asset} onPress={ this.loadAsset.bind( this, asset ) }>
+        <View style={styles.row}>
           <Image
             source={asset.node.image}
             style={imageStyle}
diff --git a/Examples/UIExplorer/PullToRefreshViewAndroidExample.android.js b/Examples/UIExplorer/PullToRefreshViewAndroidExample.android.js
index c309c9028..307fe2cde 100644
--- a/Examples/UIExplorer/PullToRefreshViewAndroidExample.android.js
+++ b/Examples/UIExplorer/PullToRefreshViewAndroidExample.android.js
@@ -84,8 +84,8 @@ const PullToRefreshViewAndroidExample = React.createClass({
   },
 
   render() {
-    const rows = this.state.rowData.map((row) => {
-      return <Row data={row} onClick={this._onClick}/>;
+    const rows = this.state.rowData.map((row, ii) => {
+      return <Row key={ii} data={row} onClick={this._onClick}/>;
     });
     return (
       <PullToRefreshViewAndroid
diff --git a/Examples/UIExplorer/StatusBarIOSExample.js b/Examples/UIExplorer/StatusBarIOSExample.js
index 28d5e2a7c..a7765d856 100644
--- a/Examples/UIExplorer/StatusBarIOSExample.js
+++ b/Examples/UIExplorer/StatusBarIOSExample.js
@@ -33,7 +33,7 @@ exports.examples = [{
     return (
       <View>
         {['default', 'light-content'].map((style) =>
-          <TouchableHighlight style={styles.wrapper}
+          <TouchableHighlight key={style} style={styles.wrapper}
             onPress={() => StatusBarIOS.setStyle(style)}>
             <View style={styles.button}>
               <Text>setStyle('{style}')</Text>
@@ -49,7 +49,7 @@ exports.examples = [{
     return (
       <View>
         {['default', 'light-content'].map((style) =>
-          <TouchableHighlight style={styles.wrapper}
+          <TouchableHighlight key={style} style={styles.wrapper}
             onPress={() => StatusBarIOS.setStyle(style, true)}>
             <View style={styles.button}>
               <Text>setStyle('{style}', true)</Text>
@@ -65,7 +65,7 @@ exports.examples = [{
     return (
       <View>
         {['none', 'fade', 'slide'].map((animation) =>
-          <View>
+          <View key={animation}>
             <TouchableHighlight style={styles.wrapper}
               onPress={() => StatusBarIOS.setHidden(true, animation)}>
               <View style={styles.button}>
diff --git a/Examples/UIExplorer/TextInputExample.ios.js b/Examples/UIExplorer/TextInputExample.ios.js
index 9efde2ea0..2479e1d61 100644
--- a/Examples/UIExplorer/TextInputExample.ios.js
+++ b/Examples/UIExplorer/TextInputExample.ios.js
@@ -158,7 +158,7 @@ class TokenizedTextExample extends React.Component {
     //highlight hashtags
     parts = parts.map((text) => {
       if (/^#/.test(text)) {
-        return <Text style={styles.hashtag}>{text}</Text>;
+        return <Text key={text} style={styles.hashtag}>{text}</Text>;
       } else {
         return text;
       }
diff --git a/Examples/UIExplorer/TimerExample.js b/Examples/UIExplorer/TimerExample.js
index 55272a822..51a8f1af5 100644
--- a/Examples/UIExplorer/TimerExample.js
+++ b/Examples/UIExplorer/TimerExample.js
@@ -171,9 +171,20 @@ exports.examples = [
           }
           return (
             <View>
-              {timer}
+              {this.state.showTimer && this._renderTimer()}
               <UIExplorerButton onPress={this._toggleTimer}>
-                {toggleText}
+                {this.state.showTimer ? 'Unmount timer' : 'Mount new timer'}
+              </UIExplorerButton>
+            </View>
+          );
+        },
+
+        _renderTimer: function() {
+          return (
+            <View>
+              <TimerTester ref="interval" dt={25} type="setInterval" />
+              <UIExplorerButton onPress={() => this.refs.interval.clear() }>
+                Clear interval
               </UIExplorerButton>
             </View>
           );