title: React Native, redux form, native base - onChange(event) function doesnt work,undefined is not an object evaluating event.target.value
body: <p><strong>CHANGED, STILL NO ANSWER</strong>
  I followed this example:
  <a href="https://jsfiddle.net/4np9u17g/11/" rel="nofollow noreferrer">https://jsfiddle.net/4np9u17g/11/</a>
  I want to make it like there - after inputing value focus should go to next input. I use new syntax of refs and redux form, what am i doing wrong?</p>
  
  <pre><code>  constructor() {
      super();
      this.field1 = React.createRef();
      this.field2 = React.createRef();
      this.field3 = React.createRef();
      this.field4 = React.createRef();
      this.field5 = React.createRef();
      this.field6 = React.createRef();
    }
  </code></pre>
  
  <p>On change function (I made it really simple for now):</p>
  
  <pre><code> onChange = (text) =&gt; {
     if (text.length === 1) {
      this.field3.focus();
  }
  </code></pre>
  
  <p>};</p>
  
  <p>Input component:</p>
  
  <pre><code>  InputComponent = ({ input, meta, ...rest }) =&gt; (
      &lt;Input {...rest} keyboardType="numeric" maxLength={1} value={input.value} onChangeText={input.onChange} /&gt;
    );
  </code></pre>
  
  <p>And finally one of my redux form fields:</p>
  
  <pre><code> &lt;Field
      maxLength={
      id="2"
      ref={this.field1}
      style={styles.input}
      name="pinSix1"
      component={this.InputComponent}
      placeholder="*"
      onChange={this.onChange}
      secureTextEntry
    /&gt;
    &lt;Field
      id="3"
      ref={this.field2}
      style={styles.input}
      name="pinSix2"
      component={this.InputComponent}
      placeholder="*"
      onChange={this.onChange}
      secureTextEntry
    /&gt;
  </code></pre>
  
  <p>And I get an error </p>
  
  <blockquote>
    <p>undefined is not a function (evaluating '_this.field3.focus()')</p>
  </blockquote>