Как в React сделать поле input file с кнопкой?

примерно так:

<input
accept="image/*"
className={classes.input}
id="raised-button-file"
multiple
type="file" 
/>
<label htmlFor="raised-button-file" className={classes.label}>
<Button variant="contained" color="primary" component="span" className={classes.button}>Upload 
</Button>
</label>

С помощью File API

Вот функция обработки формы:

uploadFile(event) {

    var reader = new FileReader(); 
    reader.onload = (function(theFile) { 

        return function(e) {

          axios({
            method: 'post',
            url: 'http://localhost:5000/api/upload/',
            params: {
              name: theFile.name,
              file: e.target.result
            }
          })
          .then(res => console.log(res))
          .catch(err => console.log(err));

        };

      })(event.target.files[0]);

    reader.readAsDataURL(event.target.files[0]); 

  }