React-dropzone: on drag over show a div

[artsx]

Hello,

Is what it would be possible at on drag over area we did appear a div (like a modal / dialog) instead of just changing the css a border ?

Thx for any help,

Best regards,

Example (Slack)

[okonet]

There are different callback available: https://github.com/okonet/react-dropzone/blob/master/src/index.js#L316 so you can hook in and react to different user actions as you wish. So I believe yes, you can implement anything you want.

[artsx]

Thank you for your reply,
Can you give me any example pls ?
I've do :

onDragEnter(){
      return(
        <div className="dropZone">
          <div className="dropZoneContent">
            <h3>DRAG & DROP</h3>
            <p>import your file</p>
          </div>
        </div>
      );
    }

But I dont know how bind this function for to have a render with div

[okonet]

Sorry, I can't give you an example. You can hire me to implement this though.

Either way, you'll still need to handle global drag events on your own. See #149

[artsx]

It's ok, I've found my misstake -> i've forget .bind(this)
No thank you, I shouldn't pay for help while there are sites like StackOverflow or people to help debug.
Thank you for this wonderful plugin anyway!