React - input type file Semantic UI React : <p>I'm trying to implement a file upload, but using <a href="https://react.semantic-ui.com/" rel="noreferrer">SUIR</a> <a href="https://react.semantic-ui.com/elements/input/" rel="noreferrer"><code>&lt;Input&gt;</code></a>, button, label, etc.</p>

<p>This is strictly about the use of the elements in render.</p>

<p>Using regular html <code>&lt;label&gt;</code> and <code>&lt;input&gt;</code> elements this process works as expected. </p>

<pre><code>  &lt;Form.Field&gt;
    &lt;label&gt;File input &amp; upload for dataschemas &amp; datasources&lt;/label&gt;
    &lt;input type="file" onChange={this.fileChange} /&gt;
    &lt;Button type="submit"&gt;Upload&lt;/Button&gt;
  &lt;/Form.Field&gt;
</code></pre>

<p>Now I'm trying to use SUIR <code>&lt;Input&gt;</code> element, as well as some props with the <code>&lt;Button&gt;</code> element for styling.</p>

<pre><code>  &lt;Form.Field&gt;
    &lt;label&gt;File input &amp; upload &lt;/label&gt;
    &lt;Input type="file" onChange={this.fileChange}&gt;
      &lt;Button
        content="Choose File"
        labelPosition="left"
        icon="file"
      /&gt;
    &lt;/Input&gt;
    &lt;Button type="submit"&gt;Upload&lt;/Button&gt;
  &lt;/Form.Field&gt;
</code></pre>

<p>You can visit the codesandbox <a href="https://codesandbox.io/s/5wxr0mwq5p" rel="noreferrer">here</a> to get a better visual idea of what I'm talking about.</p>

<p>When I click <code>Choose File</code> in the SUIR implementation example it does not prompt the user to chose a file from their system, whereas the regular html <code>&lt;input&gt;</code> does. I'm not sure how to get <code>&lt;Input type="file ...&gt;</code> in semantic to behave the same way.</p>
