在 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" />
返回的文件对象
我目前正在使用 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" />