React JS（Ice js）错误：解构不可迭代实例的无效尝试答案

【问题标题】：React JS (Ice js) Error: Invalid attempt to destructure non-iterable instanceReact JS（Ice js）错误：解构不可迭代实例的无效尝试
【发布时间】：2021-07-13 16:10:56
【问题描述】：

我只是用这个代码导出const useStateValue = () => useContext(StateContext); 我在我的 index.tsx 中使用了它 jsx组件内部

  const [{ user },dispatch] = useStateValue();

我导入的所有内容仍然出现错误

我认为这是导致错误的原因。无论如何要解决它？

回购链接： https://github.com/dingus45191/Facebook-ice

我用的是阿里巴巴的ice框架

错误： TypeError：无效的解构不可迭代实例的尝试。为了可迭代，非数组对象必须有一个 Symbol.iterator 方法。

【问题讨论】：

终端没有错误，就在屏幕和控制台上。也没有 linter 错误。不知道为什么我会得到这个

标签： reactjs ice

【解决方案1】：

错误告诉你你正在尝试解构一个可迭代对象

const [{ user },dispatch] = useStateValue();

当值不是可迭代的。

我怀疑您将上下文值设置为一个对象，而不是一个数组，并且可能想要更像

const { { user }, dispatch } = useStateValue();

如果您将上下文 value 设置为对象。

【讨论】：