如何解决如何使用 react-dropzone
我需要在一个组件中使用 2 个不同的 dropzones 来使用 useDropeZone 版本存储 2 个不同的文件。 我正在尝试使用 onDropAccepted 并使用输入 ID 检索事件...但 ID 永远不会改变。
我有 2 个类似的 dropezone :
<div {...getRootProps({style})}>
<input id={'new_logo_input'} {...getInputProps()} />
<p>Drop logo (jpg,png)</p>
</div>
<div {...getRootProps({style})}>
<input id={'new_stamp_input'} {...getInputProps()} />
<p>Drop stamp (jpg,png)</p>
</div>
并像这样使用DropeZone :
const { fileRejections,getRootProps,getInputProps,isDragActive,isDragReject,isDragAccept} = useDropzone({
onDropAccepted: (files,event)=>{
console.log(files,event.target.id )
}
})
但是 event.target.id 总是返回 'new_stamp_inout'.....!!!
有人可以帮我吗?
非常感谢
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。