在 React Redux 存储中存储文件对象的最佳方式(从 DropZone 上传文件?)

Best way to store file objects in React Redux store (files upload from DropZone?)

我目前正在使用 Material Ui dropzone 上传多个文件。只是想知道在 redux 存储中 add/update 文件的最佳方式是什么。当 "onChange" 触发 return dropzone 上的所有文件并通过存储具有文件对象的整个文件数组来更新 redux 状态时,我目前正在执行调度操作。

请告诉我是否有最好的方法来处理这个问题。

Redux 的关键规则之一是non-serializable values should not go into the store。因此,如果可能的话,文件对象应该保存在 Redux 存储中。

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

URL.createObjectURL(file)

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

返回的文件对象