Как обратиться к контексту, у которого нет имени?

Question

[Сергей Чазов]

Пытаясь изучить тему хуков, столкнулся с непониманием. Когда я использовал hoc, то объявлял контекст так:

const {
    Provider: CompaniesStoreServiceProvider,
    Consumer: CompaniesStoreServiceConsumer
      } = React.createContext();

А во всех примерах с хуками я вижу, что контекст объявляют как const myContext = React.createContext();

и потом обращаются к нему useContext('myContext');

Могу ли я, не изменяя своего способа создания контекста, обращаться к нему через хук useContext?

Answer 1

[ned4ded]

Нет, нельзя.

В useContext() нужно передавать ссылку на объект контекста, которую вы не сохранили. В js к необъявленным объектам невозможно получить доступ. Более того, как только ссылка на объект не используется, сам объект удаляется garbage collector'ом.

const MyContext = React.createContext();

const {
    Provider: CompaniesStoreServiceProvider,
    Consumer: CompaniesStoreServiceConsumer
} = MyContext;

useContext(MyContext);

Как вариант, вы можете сделать хелпер/декортатор, который будет создавать контекст и возвращать объект, содержащий ссылку на контекст, провайдер и консьюмер; деструктурировать уже его.

Answer 2

[Павел Диденко]

Экспортируйте переменные CompaniesStoreServiceProvider, CompaniesStoreServiceConsumer. Оборачиваешь приложение в Provider, затем где нужно обратиться оборачивай в Consumer и доставай данные из пропсов

Comments

[Сергей Чазов]

а useContext при этом будет использоваться? не могли бы вы дать небольшой пример с использованием useContext и Consumer?

[Павел Диденко]

Сергей Чазов, насколько я знаю, чтобы использовать useContext вам нужно создать свой контекст как
const Сontext = React.createContext();
Потом обернуть корневой компонент как Context.Provider, а уже при помощи useContext доставать проброшенные пропсы