title: React Dropzone to apply css on drop
body: <p>am working on react with Dropzone. my requirement is i do need to show Dropzone area a text like in the center when we drag files to drop area( text: you are inserting files) + a blue border in the drop area</p>
  
  <p>my code looks like</p>
  
  <pre><code>  &lt;Dropzone
      disableClick={true}
      className={styles.dropStyle}
      dropzoneActive={{ borderColor: 'green' }}
      onDrop={e =&gt; this.props.change(e)}
    &gt;
      &lt;div&gt;...this is the dropzone area...&lt;/div&gt;
     &lt;/DropZone&gt;
  </code></pre>
  
  <p>Here border color green is not coming , its taking only dropStyle css+ plus i need to show a text inside the div only when we drag files to zone area.</p>
  
  <p>I mean its a normal div with lot of assets, when we drop only css should apply( means dropzoneActive css should be visible )</p>
  
  <p>Any fiddle will be highly appreciated</p>