From 3cdcdf57ce789b4ac42e4d0af2f0359bf58617ef Mon Sep 17 00:00:00 2001
From: Semigradsky <d.semigradsky@itransition.com>
Date: Tue, 5 Jul 2016 11:22:25 +0300
Subject: [PATCH] Fixed uncontrollable/controllable components in examples

---
 examples/custom-validation/app.js   | 2 +-
 examples/dynamic-form-fields/app.js | 1 +
 examples/login/app.js               | 4 ++--
 3 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/examples/custom-validation/app.js b/examples/custom-validation/app.js
index f0a4a6b..15f4e02 100644
--- a/examples/custom-validation/app.js
+++ b/examples/custom-validation/app.js
@@ -71,7 +71,7 @@ const DynamicInput = React.createClass({
     return (
       <div className={className}>
         <label htmlFor={this.props.name}>{this.props.title}</label>
-        <input type='text' name={this.props.name} onChange={this.changeValue} value={this.getValue()}/>
+        <input type='text' name={this.props.name} onChange={this.changeValue} value={this.getValue() || ''}/>
         <span className='validation-error'>{errorMessage}</span>
         <Validations validationType={this.state.validationType} changeValidation={this.changeValidation}/>
       </div>
diff --git a/examples/dynamic-form-fields/app.js b/examples/dynamic-form-fields/app.js
index 9549c4a..2159788 100644
--- a/examples/dynamic-form-fields/app.js
+++ b/examples/dynamic-form-fields/app.js
@@ -23,6 +23,7 @@ const Fields = props => {
             field.type === 'input' ?
             (
               <MyInput
+                value=""
                 name={`fields[${i}]`}
                 title={field.validations ? JSON.stringify(field.validations) : 'No validations'}
                 required={field.required}
diff --git a/examples/login/app.js b/examples/login/app.js
index 1de0d0a..dfa5de4 100644
--- a/examples/login/app.js
+++ b/examples/login/app.js
@@ -20,8 +20,8 @@ const App = React.createClass({
   render() {
     return (
       <Form onSubmit={this.submit} onValid={this.enableButton} onInvalid={this.disableButton} className="login">
-        <MyInput name="email" title="Email" validations="isEmail" validationError="This is not a valid email" required />
-        <MyInput name="password" title="Password" type="password" required />
+        <MyInput value="" name="email" title="Email" validations="isEmail" validationError="This is not a valid email" required />
+        <MyInput value="" name="password" title="Password" type="password" required />
         <button type="submit" disabled={!this.state.canSubmit}>Submit</button>
       </Form>
     );