CONTEXT UNDEFINED Ошибка при использовании React.Context с React Navigation 5

Question

Я новичок в React Navigation 5 и wi sh, чтобы узнать, как использовать React.Context с этой библиотекой.

Я создаю контекст , прежде чем объявить мое Приложение следующим образом. Пожалуйста, не обращайте внимания на значения, так как они предназначены только для тестирования.

const ContactsContext = React.createContext('light')

Теперь внутри моего приложения , я обертываю свой NavigationContainer внутри Context. Поставщик выглядит следующим образом

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

Внутри NavigationContainer находится TabNavigator , первой вкладкой которого является StackNavigator и его первый стек is ContactListScreen . Вот где я читаю из контекста следующее:

static contextType = ContactsContext

К сожалению, я получаю ошибку ContactsContext не определен , указывая на строку выше.

Что я делаю не так?

Любая помощь будет принята с благодарностью. Спасибо за продолжение.

Answer 1

вы не предоставили много подробностей. Несколько идей:

1 Экспортировали ли вы свой экспорт по умолчанию UserContext

2 Похоже ли ваше утверждение на импорт import {ContactsContext} из 'path to context. js'

3 Используете ли вы компонент Class, функциональные компоненты не используют эту форму.