在 React Redux 存储中存储文件对象的最佳方式（从 DropZone 上传文件？）

Question

我目前正在使用 Material Ui dropzone 上传多个文件。只是想知道在 redux 存储中添加/更新文件的最佳方法是什么。我目前正在执行“onChange”触发时的调度操作，该操作返回 dropzone 上的所有文件并通过存储具有 files 对象的整个 files 数组来更新 redux 状态。

请让我知道是否有最好的方法来处理这个问题。

Answer 1

Redux 的关键规则之一是不可序列化的值不应进入 store。因此，如果可能的话，文件对象不应保留在 Redux 存储中。

Answer 2

我遇到了类似的问题并最终使用了这个：

URL.createObjectURL(file)

它返回一个 url，就像blob:http://example.com/f331074d-a7f3-4972-9c37-96b490a4dd96它只是一个字符串，可以在img标签的src属性中使用。不确定 Material Ui dropzone 返回什么，但这适用于由<input type="file" />