Reactjs React Dropzone：需要传递id和要上载的文件

我使用将文件上载到Node.js服务器

在dropzone中删除文件时，将调用

handleOnDrop（）

方法。然后调用另一个

uploadPicture（）

方法

...
handleOnDrop = (files) => {
    this.uploadPicture(files);
}

render() {
    const dropzone =
        <Dropzone onDrop={this.handleOnDrop}>
            {({ getRootProps, getInputProps }) => (
                <section className="container">
                    <div {...getRootProps({ className: 'dropzone' })}>
                        <input {...getInputProps()} />
                        <p>Drag 'n' drop some files here, or click to select files</p>
                    </div>
                </section>
            )}
        </Dropzone>
}

return (
    <div>
        <h1>Dropzone test</h1>
        {dropzone}
    </div>
}
...

---

任何帮助都将不胜感激。谢谢。

您的

handleDrop

接受了两个参数，但您只传递了一个

您可以尝试以下方法：

<Dropzone onDropAccepted={(files) => this.handleOnDrop(files,item.id)}>

this.handleOnDrop（文件，item.id）}>

谢谢@Thanveer Shah它与

Ondrop完美配合

。请再问两个问题。。。第一：请问你在哪里找到这个方法的（我找不到关于它的文档）？第二个问题：写

{（文件）=>this.handleOnDrop（文件）}

是写

{this.handleOnDrop}

的快捷方式吗？谢谢。它在文档中，如果你向下滚动到组件，你可以看到它。是的，你可以，但在你的情况下，你也传递了一个ID，所以如果你不传递文件参数，那么你将无法真正访问它。

<Dropzone onDropAccepted={(files) => this.handleOnDrop(files,item.id)}>