作为 ReactJS 的新手，我需要全局变量声明和使用方面的帮助。场景是我有不同的模块，我想访问一个在所有模块中可用的变量，无论它们的关系如何。确切地说，我有一个管理面板和一个没有共同父级的用户仪表板。但是，我希望在管理面板中设置变量的值，并在用户仪表板和其他模块中使用该值。我试图寻找解决方案，但无法获得可行的解决方案。如果使用示例来解释解决方案，那将是一个很大的帮助。
不确定您的确切用例以及最适合您的用例，但是有几种模式更适合 React 的概念，它们提供了在不同组件中使用共享变量的能力：
- 在顶级容器组件中声明一个变量，并将其通过 props 传递给所需的子级。
- 使用状态管理器(Redux，Mobx等(并从任何组件访问状态(任何类型的数据(。
- 上下文接口
为组件和它们之间的传递状态创建父级解决了我的问题。对于我的用例，我将管理员主页组件(设置状态的位置(和用户登录组件(我必须访问状态的位置(定义为一个通用的父组件，并将此父组件定义为应用程序(其中定义了所有其他组件(。这解决了我访问组件状态并将其提供给另一个没有公共关系的组件的问题。