title: How to update a text input on change
body: <p>I'm trying to update a text input as it changes but it doesn't seem to work.</p>
  
  <p>Here's my simplified example:</p>
  
  <pre><code>  var Message = React.createClass({
  
    getInitialState: function() {
      return {textValue: ''};
    },
  
    render: function() {
      return (
        &lt;View style={[styles.container]}&gt;
          &lt;ProfilePicture userId={this.props.userId}/&gt;
          &lt;TextInput
            ref={component =&gt; this._textInput = component}
            style={{flex: 8, paddingLeft: 5, fontSize: 15}}
            onChangeText={this._handleChange} 
            //multiline={true}
            defaultValue={""}
            value={this.state.textValue}
            returnKeyType={"send"}
            blurOnSubmit={false}
            autoFocus={true}
            enablesReturnKeyAutomatically={true}
            onSubmitEditing={this._onSubmit}
          /&gt;
        &lt;/View&gt;
      ); 
    },
  
    _handleChange: function(text) {
      this.setState({textValue: "foo"});
    },
  
    _onSubmit: function(event) {
      this._clearText();
    },
  
    _clearText: function() {
      this._textInput.setNativeProps({text: ''});
    },
  
  });
  </code></pre>
  
  <p>I'm expecting that as soon as someone enters in some text it gets automatically altered to read "foo" but this doesn't work.</p>
  
  <p>Any ideas?</p>
  
  <p><strong>UPDATE</strong></p>
  
  <p>Plot thickens,</p>
  
  <p>If I call the same function for <code>onBlur</code> it works but only when there is no text already in the text input. If I change the function to set the value using <code>this._textInput.setNativeProps({text: 'foo'});</code> instead of <code>this.setState({textValue: "foo"});</code> then it works both when the text input is empty and has data.</p>
  
  <p>Example:</p>
  
  <pre><code>render: function() {
    return (
      &lt;TextInput
        ref={component =&gt; this._textInput = component}
        style={{flex: 8, paddingLeft: 5, fontSize: 15}}
        onChangeText={this._handleChange} 
        onBlur={this._handleChange}
        //multiline={true}
        defaultValue={""}
        value={this.state.textValue}
        returnKeyType={"send"}
        blurOnSubmit={false}
        autoFocus={true}
        enablesReturnKeyAutomatically={true}
        onSubmitEditing={this._onSubmit}
      /&gt;
      ); 
  },
  
  _handleChange: function(text) {
    // what to do here check if there are youtube videos?
    this._textInput.setNativeProps({text: 'foo'});
  }
  </code></pre>
  
  <p>So in the above the _handleChange works for <code>onBlur</code> but not for <code>onChangeText</code>. Weird right?</p>