javascript - 如何使 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使用你的逻辑。

请注意，您可以在添加现有文件时使用 snackbar 不显示任何内容，我将由您决定。