更新 React 上下文：“x 不是函数”

Question

我正在尝试更新 React 上下文，并看到了这个答案。

const LanguageSwitcher = () => {
  const { language, setLanguage } = useContext(LanguageContext);
  return (
    <button onClick={() => setLanguage("jp")}>
      Switch Language (Current: {language})
    </button>
  );
};

对我来说似乎很明智，除了我得到“setLanguage 不是函数”。这个错误实际上似乎是合理的，因为 setLanguage 似乎被声明为常量。

这些“const { x, y } = z”声明如何工作？我声明了两个常量吗？如果是这样，为什么我读到的这么多例子似乎允许我将 x 视为变量而 y 视为函数？为什么我会收到此错误？

抱歉，这里是新手。感谢您的帮助。

编辑：上下文代码是：

const LanguageContext = React.createContext({
  language: "en",
  setLanguage: () => {}
});

Answer 1

我的问题是我没有使用上下文提供程序组件。

我把我的放在 app.js 中，或者你可以这样做：

<LanguageContextProvider>
   <LanguageSwitcher/>
</LanguageContextProvider>