title: React-Native Picker with Formik
body: <p>My basic forms work fine, however, as there are some caveats with react-native, I could use some help in knowing if the issue is how I am using formik, or using it with react-native.  </p>
  
  <p>In this particular form,  when I attempt to fill in a picker in react-native using formik, the form resets the picker to the original value immediately after I select an option. I have stripped the code down, as I feel someone should have the answer without a lot of code, but I am not seeing what I am missing. Thanks.</p>
  
  <pre><code>&lt;Formik
      onSubmit={
      props.onSubmit(props.values)
    }
  
    mapPropsToValues = {(props) =&gt; ({
      id: props.id,
      status: props.status
    })}
  
    validate={values =&gt; {
      // same as above
      let errors = {};
      return errors;
    }}
  
    onValueChange={ (itemIndex) =&gt; {
      this.props.values.status = itemIndex
    }}
  
    render= { props =&gt; (
      const { id, status } = this.props
      &lt;View&gt;
        &lt;Text style={styles.textResultsHeaderStyle}&gt;Job: {id}&lt;/Text&gt;
        &lt;Picker
          selectedValue={status}
          onValueChange={itemIndex =&gt; this.onValueChange}&gt;
          &lt;Picker.Item label="New" value="0" /&gt;
          &lt;Picker.Item label="Requested" value="1" /&gt;
          &lt;Picker.Item label="Responded" value="2" /&gt;
          &lt;Picker.Item label="Closed" value="3" /&gt;
        &lt;/Picker&gt;
        &lt;RoundedButton disabled={props.isSubmitting} onPress={props.handleSubmit} text="SUBMIT" /&gt;
      &lt;/View&gt;
    )}
  /&gt;
  </code></pre>