Javascript 无法从上下文 API 获取状态设置器，获取 setGlobal 不是函数

import { useContext } from "react";
import GlobalContext from "../context/GlobalProvider";

const useGlobal = () => {
return useContext(GlobalContext);
}

export default useGlobal;

import { createContext, useState } from "react";
const GlobalContext = createContext({});

export const GlobalProvider = ({ children }) => {
const [global, setGlobal] = useState({});

return (
    <GlobalContext.Provider value={{ global, setGlobal }}>
        {children}
    </GlobalContext.Provider>
)
}

export default GlobalContext;

import useGlobal from "../hooks/useGlobal.js";
const { setGlobal } = useGlobal();

const handleGotoA = () => {
    
    const id_G = item
    const id_G1 = item1
    const id_G2 = item2
    setGlobal({ id_G, id_G1, id_G2 });
   
}

"setGlobal is not a function"

const App = ()={
 //...
 const { setGlobal } = useGlobal(); // inside and at the top level of the component
 //...
}

<GlobalProvider >
  <App/>
</GlobalProvider>

Javascript相关问答推荐

积分计算和 colored颜色 判断错误

React Hooks中useState的同步问题

使用print This时， map 容器已在LeafletJS中初始化

使用json文件字符串来enum显示类型字符串无法按照计算的enum成员值的要求分配给类型号

窗口.getComputedStyle()在MutationObserver中不起作用

使用续集和下拉栏显示模型属性

如何找出摆线表面上y与x相交的地方？

我的服务工作器没有连接到我的Chrome扩展中的内容脚本.我该怎么解决这个问题？

使用Java脚本根据按下的按钮更改S文本

以Angular 实现ng-Circle-Progress时出错：模块没有导出的成员

同一类的所有div'；S的模式窗口

搜索功能不是在分页的每一页上进行搜索

在查看网页时，如何使HTML中的按钮工作方式类似于鼠标上的滚轮或箭头键？

为列表中的项目设置动画

输入的值的类型脚本array.排序()

使用Reaction窗体挂钩注册日历组件

为什么我的Navbar.css没有显示在本地主机页面上？

无法在Adyen自定义卡安全字段创建中使用自定义占位符

如何将值从后端传递到前端

对象作为react 子对象无效(已找到：具有键的对象{type，props}).如果要呈现一个子级集合，请改用数组