React-dropzone: Allow multiple with a max count

[ktalebian]

Is it possible to allow multiple files drop, but still limit it to a certain number? For example only allow at most 20 files to be dropped at a time.

[moosch]

I'd think that was something to be handled by your onDrop function

[rxmarbles]

@ktalebian I believe @moosch is correct you can overwrite the onDrop function to handle your use case.

[okonet]

Yes. Use onDrop callback.

[heshamelmasry77]

onDrop={acceptedFiles => {
                    // do nothing if no files
                    let handleDropImages;
                    if (acceptedFiles.length === 0) {
                      return;
                    } else if(acceptedFiles.length > 5){ // here i am checking on the number of files
                      return notify('maxImages'); // here i am using react toaster to get some notifications. don't need to use it 
                    }else {
                      // do what ever you want 
                    }

                  }}