title: ListItem as a submit button
body: <p>I want to use a <code>ListItem</code> as an upload button. I can't make the <code>handleSubmi</code>t to be called when <code>ListItem</code> is clicked. Below is my React component where I have a <code>Drawer</code> with a <code>List</code>.</p>
  
  <p>How can I achieve that?</p>
  
  <pre><code>&lt;form onSubmit={this.handleSubmit}&gt;
    &lt;input
      accept="image/*"
      className={classes.input}
      id="raised-button-file"
      type="file"
      ref={input =&gt; { this.fileInput = input; }}
    /&gt;
    &lt;label htmlFor="raised-button-file"&gt;
      &lt;ListItem button type="submit"&gt;
        &lt;ListItemIcon&gt;
          &lt;FileUploadIcon /&gt;
        &lt;/ListItemIcon&gt;
        &lt;ListItemText primary="Upload" /&gt;
      &lt;/ListItem&gt;
    &lt;/label&gt;
  &lt;/form&gt;
  </code></pre>