title: Upload file(s) using react-bootstrap FormControl
body: <p>I have created a form in react application using react-bootstrap in which I select files to be uploaded using the following <code>FormControl</code>:</p>
  <pre><code>&lt;FormGroup&gt;
      &lt;ControlLabel&gt;Photos&lt;/ControlLabel&gt;
      &lt;FormControl name=&quot;images[]&quot; type=&quot;file&quot; multiple onChange={this.handlePhotos}/&gt;
  &lt;/FormGroup&gt;
  </code></pre>
  <p>where my handlePhotos function is:</p>
  <pre><code>handlePhotos(event) {
      event.preventDefault();
      let files = event.target.files;
  
      if(files &amp;&amp; files.length &gt; 0)
      {
         this.setState({device_photos: files});
      }
      else
          console.log(&quot;no files selected&quot;);
      }
  }
  </code></pre>
  <p>But when I make post request to my backend using axios, the photos parameters seems to be empty. Can someone suggest how to fetch files and set them in state variables to be uploaded via post request?</p>