将 React.Context 与 React Navigation 5 一起使用时出现 CONTEXT UNDEFINED 错误

Question

我是 React Navigation 5 的新手，希望了解如何使用 React.Context 这个库。

我在声明我的 App 之前创建了一个 context，如下所示。请不要介意这些值，因为这些值仅用于测试。

const ContactsContext = React.createContext('light')

现在在我的 App 中，我将 NavigationContainer 包裹在 Context.Provider 中如下

<ContactsContext.Provider value="dark">
  <NavigationContainer>
  ...
  ...
  ...
  </NavigationContainer>
</ContactsContext.Provider>

在 NavigationContainer 中是一个 TabNavigator，它的第一个选项卡是 StackNavigator 及其第一个堆栈是 ContactListScreen。这是我从上下文中阅读的地方，如下

static contextType = ContactsContext

不幸的是，我得到一个错误 ContactsContext is not defined pointing to the above line.

我做错了什么？

如有任何帮助，我们将不胜感激。感谢您的关注。

Answer 1

你没有提供太多细节。一些想法：

1 你导出了吗导出默认 UserContext

2 你的 import 语句看起来像 import { ContactsContext } from 'path to context.js'

3 您使用的是Class组件吗，功能组件不使用这种形式。

CONTEXT UNDEFINED Error while using React.Context with React Navigation 5