为什么无法识别上下文中的函数？

【问题标题】：Why is the function from the context not recognized?为什么无法识别上下文中的函数？
【发布时间】：2022-06-17 22:32:21
【问题描述】：

我正在尝试制作身份验证上下文：

const AuthContext = createContext({});

export const AuthProvider = ({ children }) => {
    const [auth, setAuth] = useState({});
    return (
        <AuthContext.Provider value={{ auth, setAuth }}>
            {children}
        </AuthContext.Provider>
    )
}

export default AuthContext;

还有一个自定义钩子来获取它：

import { useContext } from "react";
import AuthContext from "./AuthProvider";

const useAuth = () => {
    return useContext(AuthContext);
}

export default useAuth;

现在当我尝试使用setAuth 函数时：

const Login = () =>{

  const {setAuth} = useAuth();

  ...
  
  setAuth({authResponce});

我收到一个错误：Uncaught TypeError: setAuth is not a function。

我是新手，我还不明白原因，所以我很乐意提供帮助。

【问题讨论】：

• <Login> 是<AuthProvider> 的后代组件吗？

标签： reactjs