将React.Context与React Navigation 5一起使用时，上下文未定义错误

Question

我是React Navigation 5的新手，希望学习如何在该库中使用React.Context。

我创建context，然后按如下方式声明我的App。请不要介意这些值，因为这些值仅用于测试。

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指向上一行。
我做错了什么？ 
任何帮助将不胜感激。感谢您的关注。

Answer 1

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

1您是否已导出您的导出默认UserContext

2您的import语句看起来像是从'context.js的路径中导入{ContactsContext}

3您在使用Class组件，功能组件不使用此形式。