From 8fe0d4d73fbf2a65ab2d89a4ba0cc1e7b09c98a9 Mon Sep 17 00:00:00 2001
From: Semigradsky <d.semigradsky@itransition.com>
Date: Thu, 10 Sep 2015 16:10:17 +0300
Subject: [PATCH] Fixed React warnings

---
 examples/components/Select.js | 7 +++----
 1 file changed, 3 insertions(+), 4 deletions(-)

diff --git a/examples/components/Select.js b/examples/components/Select.js
index f8d9afa..57a286d 100644
--- a/examples/components/Select.js
+++ b/examples/components/Select.js
@@ -12,9 +12,8 @@ const MySelect = React.createClass({
     const className = this.props.className + ' ' + (this.showRequired() ? 'required' : this.showError() ? 'error' : null);
     const errorMessage = this.getErrorMessage();
 
-    const value = this.getValue();
-    const options = this.props.options.map(option => (
-      <option value={option.value} selected={value === option.value ? 'selected' : null}>
+    const options = this.props.options.map((option, i) => (
+      <option key={option.title+option.value} value={option.value}>
         {option.title}
       </option>
     ));
@@ -22,7 +21,7 @@ const MySelect = React.createClass({
     return (
       <div className='form-group'>
         <label htmlFor={this.props.name}>{this.props.title}</label>
-        <select name={this.props.name} onChange={this.changeValue}>
+        <select name={this.props.name} onChange={this.changeValue} value={this.getValue()}>
           {options}
         </select>
         <span className='validation-error'>{errorMessage}</span>