Как объявить глобальную переменную и получить к ней доступ во всех других модулях ReactJS?

Question

Будучи новичком в ReactJS, я хотел помочь с объявлением и использованием глобальной переменной.Сценарий состоит в том, что у меня есть разные модули, и я хочу получить доступ к переменной, которая доступна во всех модулях, независимо от их отношений.Если быть точным, у меня есть панель администратора и панель пользователя, у которой нет общего родителя.Но я хочу установить значение переменной в админ-панели и использовать это значение в панели пользователя и других модулях.Я пытался искать решения, но не мог найти реальное решение.Было бы очень полезно, если бы решение было объяснено на примере.

Answer 1

Создание родителя для компонентов и переходных состояний между ними решило мою проблему. Для моего случая использования я определил компонент домашней страницы администратора (где было установлено состояние) и компонент входа пользователя (где мне нужно было получить доступ к состоянию) в общий родительский компонент и определил этот родительский компонент в приложении (где все остальные компоненты). были определены). Это решило мою проблему доступа к состоянию компонента и предоставления его другому компоненту, который не имел общих отношений.

Answer 2

Не уверен насчет вашего точного варианта использования и того, что наиболее подходит для вас, но есть несколько шаблонов, более подходящих для концепций реагирования, которые предоставляют возможность использовать общую переменную в различных компонентах:

• Объявите переменную в компоненте контейнера верхнего уровня и передайте ее через реквизиты нужным дочерним элементам.
• Используйте диспетчеры состояний (Redux, Mobx и т. Д.) И состояния доступа (данные любого типа) из любого компонента.
• Контекст API