如何让 material ui dropzone 区域不允许重复？

Question

我正在使用 https://yuvaleros.github.io/material-ui-dropzone/ 并且我正在努力做到它不允许上传以前上传文件的副本。

我已经尝试使用 onchange 函数从 <input type="file"> 中删除文件，如果已经有同名的文件嵌入到 <DropzoneArea> 中，但我不知道如何删除此图形：

我也查看了 Material UI Dropzone 的文档，但没有任何运气

Answer 1

您可以使用 DropzoneAreaBase 来微调组件。您可以通过在 fileObjects 数组中传递文件并使用您的逻辑在 onAdd/onDelete 中更新来控制文件列表。

请注意，您可以尝试在添加现有文件时不显示任何内容，我会把这个留给您。