有没有办法将 useContext 与箭头函数结合起来？

Question

我想将 useContext 和 createContext 与箭头函数一起使用。我希望能够在 Foo 中使用变量并将它们传递到 createContext。

export const Foo = () => {
...
}

上下结合。

export const Bar = React.createContext({ lang: 'en'})

Answer 1

鉴于 React 文档，我们似乎没有一种方法可以轻松做到这一点，一个技巧是使用名为 :

React.createContext((() => {
   // any code here returning an object
   return {}
   // the function is self-called here
})())

但我不推荐这种方式，因为它不容易理解，也不那么干净。然而，这是我唯一能想到的方法。