title: React-dropzone style drop area
body: <p>I am new to <code>reactjs</code>,
  trying to create a component that uses <a href="https://github.com/okonet/react-dropzone" rel="noreferrer">react-dropzone</a>. 
  I was wondering, what is the best way to override the default setting to style the drop area.</p>
  
  <p>So far I have <code>inline style</code>, but it looks to me that I am not doing the 'right' thing.</p>
  
  <pre><code>&lt;Row&gt;
      &lt;Jumbotron className="text-center"&gt;
          &lt;h4&gt;Create a manual call&lt;/h4&gt;
          &lt;Dropzone 
              className=""
              multiple={false}
              onDrop={this.onDrop}
              style={{"width" : "100%", "height" : "20%", "border" : "1px solid black"}}&gt;
                  &lt;div&gt;
                      Try dropping some files here, or click to select files to upload.
                  &lt;/div&gt;
          &lt;/Dropzone&gt;
      &lt;/Jumbotron&gt;
  &lt;/Row&gt;
  </code></pre>
  
  <p>Any help or better suggestion?</p>
  
  <p>Thank you!</p>