我正在使用React Hooks与Dropzone。
因此,我的代码看起来像这样:
const onDrop = (acceptedFiles) => {
console.log(acceptedFiles);
};
const { getRootProps, getInputProps } = useDropzone({ onDrop });
return (
<div {...getRootProps()} className="dropzone-container">
<input {...getInputProps()} multiple={false} />
// My component here
</div>
)
现在,当我点击拖放区域时,我只能选择一个文件。这很酷。
但是,当我将多个文件拖放到拖放区域时,它们全部被接受。也就是说,在onDrop方法中,我可以通过参数acceptedFiles获取所有的文件。
有人能指出为什么会发生这种情况吗?我做错了什么吗?