title: Open "choose file" dialog box on onclick of Raised Button Material ui
body: <p>I have a Floating button (material ui) in my react project. I want to open "choose file" dialoge box whenever I click it. I am not getting any solution to do that. I tried doing this but didn't work. and  I don't want to use jquery. </p>
  
  <pre><code>&lt;/div&gt;
              &lt;input id="myInput" type="file" style="visibility:hidden" /&gt;
              &lt;FloatingActionButton className="floatingButton" backgroundColor='#293C8E' onClick ="$('#myInput').click();"&gt;
                  &lt;ContentAdd /&gt;
              &lt;/FloatingActionButton&gt;
          &lt;/div&gt;
  </code></pre>
  
  <p>Can someone please tell me what exactly I need to do?</p>