title: using formik in react subcomponent
body: <p>I'm using <code>formik</code> for a simple form, but I have several multiselect inputs that are populated from remote data sources, so I've made them into subcomponents. The basic form looks something like</p>
  <pre><code>&lt;div className=&quot;form-group&quot;&gt;
      &lt;label htmlFor=&quot;priority&quot;&gt;Priority&lt;/label&gt;
      &lt;select
          id=&quot;priority&quot;
          onChange={formik.handleChange}
          className=&quot;form-control&quot;
          value={formik.values.priority}
          defaultValue=&quot;Normal&quot;
          disabled={isDisabled}
      &gt;
          &lt;option&gt;Urgent&lt;/option&gt;
          &lt;option&gt;High&lt;/option&gt;
          &lt;option&gt;Normal&lt;/option&gt;
          &lt;option&gt;Low&lt;/option&gt;
      &lt;/select&gt;
  &lt;/div&gt;
  &lt;div className=&quot;form-group&quot;&gt;
      &lt;label htmlFor=&quot;myselect&quot;&gt;MySelect List&lt;/label&gt;
      &lt;MySelect /&gt;
  &lt;/div&gt;
  </code></pre>
  <p>Can I pass <code>formik</code> as a prop to the subcomponent, or would I pass the <code>OnChange</code> method and the <code>value</code> as props, or is there a different way that you handle this in the main form object?</p>