将文件对象添加到 redux 存储会导致空属性对象答案

【问题标题】：Adding File Object to redux store results in empty property object将文件对象添加到 redux 存储会导致空属性对象
【发布时间】：2019-01-27 04:25:30
【问题描述】：

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

我的减速器是这样的：

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

而不是文件对象添加到 Redux 存储，结果是一个空对象invoice: { }

【问题讨论】：

嘿，@Thore。为什么需要将文件存储在 redux 上？您可以将其存储在服务器上并添加对 redux 的引用吗？另外，也许看看这个问题：github.com/reduxjs/redux/issues/2276
上传一个或多个文件是我正在开发的网络应用程序的多步骤表单/过程中的一个步骤。为了避免未完成该过程的用户不必要的上传（和成本），我等到最后一次上传所有文件。因此，我想将文件存储在 Redux 存储中，直到最后一步。

【解决方案1】：

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

【讨论】：

【解决方案2】：

在 devtool 上它看起来是空的，但事实并非如此！尝试在控制台日志中显示redux store数据，你会看到它不为空

【讨论】：