Passing more than 1 parameter to onDrop

Hi,

Is there a way to accept 2 or more parameters in the onDrop method? I need to also pass an id from the current row of the table.

[okonet]

Here is an example:

<Dropzone onDrop={(accepted, rejected) => {this.onDrop(accepted, rejected, 'third')}}>
  <p>Drop files here...</p>
</Dropzone>

and your function could look like

onDrop(accepted, rejected, myArgument) {
  console.log(accepted, rejected, myArgument)
}

Hope that helps.

[lalit7788]

@elebumm, I am using the hook but unable to pass a second parameter to the onDrop. The useDropzone being a hook is declared at the top but the parameter I wish to pass (a column id) is only available inside an Array.map() call inside the render block.

Do you have an idea how I can achieve my goal?

Edit: Found it! The onDrop method signature has to be adjusted inside the getRootProps function call.

const onDropFn = useCallback((acceptedFiles, columnID) => {
	// do your thing
});
...
<div
	...getRootProps({
			onDrop: (event) => onDropFn(event.dataTransfer.files, column.id)
		})
>
	{/**/}
</div>