javascript - 如何修复 React Context 的对象不是函数 - TypeError

标签 javascript reactjs typescript react-context react-typescript

我花了几天时间试图解决这个错误,我试图将上下文传递给我的组件,无论我尝试什么,我都会收到错误“该对象不是函数”或“该对象不可迭代” ”

我试图用 Typescript 来做到这一点,我认为这可能是别的东西,所以我尝试使用 React javascript cli,下面是我的代码图片中的错误。

Error

Wrapper

Context

Component

最佳答案

上下文的值是{state,setState}而不是[state,setState]

只需这样做:

console.log(useContext(GlobalContext))

您将看到上下文是一个具有两个属性的对象 - statesetState,如以下行所示:

<GlobalContext.Provider value={{state,setState}}>

另外,发布代码,不要发布代码图片。

关于javascript - 如何修复 React Context 的对象不是函数 - TypeError,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/64216984/

相关文章:

angular - 在自定义 TG2480H 打印机上打印 Logo

javascript - 将 br 附加到跨度

javascript - Google Maps Api V3 - 国家或城市样式

javascript - Vue i18n - 如何在 i18n 组件选项中获取当前语言环境?

reactjs - React Router dom v5 中的嵌套路由和未找到路由

javascript - 理解 typescript 继承

javascript - defineEmits 函数的 Vue linting 错误

javascript - 从 ASP.NET 调用 Javascript 函数

javascript - enzyme 测试问题返回未定义

javascript - 来自外部文件的流类型导入类型 - 名称已绑定(bind)