将文件对象添加到redux store中导致空属性对象。

Question

我正在尝试将文件对象添加到我的Redux存储中。

我的reducer如下所示：

...
case 'SET_INVOICE':
  console.log(action.invoice); //File Object
  return { ...state, invoice: action.invoice};
...

与将File对象添加到Redux存储不同，结果是一个空对象invoice: { }

- Thore

---

嘿，@Thore。你为什么需要将文件存储在redux上？你可以将其存储在服务器上并将引用添加到redux中吗？另外，也许可以看一下这个问题：https://github.com/reduxjs/redux/issues/2276 - Brunno Vodola Martins

上传一个或多个文件是我正在开发的Web应用程序中多步表单/流程的一步。为了避免未完成流程的用户进行不必要的上传（和成本），我会等到最后一步才一次性上传所有文件。因此，我希望将文件存储在Redux存储中，直到最后一步。 - Thore

Answer 1

Redux只存储可序列化的数据类型，而File不是其中之一。尝试存储ES6 Map或Set。它们都将显示为空对象。

- Tan Kim Loong

Answer 2

在开发工具中看起来是空的，但实际上不是！ 尝试在控制台日志中显示redux存储数据，你会发现它不是空的

- Yunus ER