作为 ReactJS 的新手，我需要有关全局变量声明和使用方面的帮助。场景是我有不同的模块，我想访问一个在所有模块中都可用的变量，而不管它们的关系如何。准确地说，我有一个管理面板和一个用户仪表板，它们没有共同的父级。但是，我希望在管理面板中设置一个变量的值，并在用户仪表板和其他模块中使用该值。我尝试寻找解决方案，但找不到可行的解决方案。如果使用示例解释解决方案，那将是一个很大的帮助。
问问题
3710 次
2 回答
5
不确定您的确切用例以及最适合您的情况，但有几种模式更适合反应的概念，它们提供了在不同组件中使用共享变量的能力：
- 在顶级容器组件中声明一个变量，并通过 props 将其传递给所需的子项。
- 使用状态管理器（Redux、Mobx 等）并从任何组件访问状态（任何类型的数据）。
- 上下文 API
于 2018-06-25T07:34:56.563 回答
0
为两个组件创建父级并在它们之间传递状态解决了我的问题。对于我的用例，我将管理主页组件（设置状态）和用户登录组件（我必须访问状态）定义为一个公共父组件，并将此父组件定义为应用程序（所有其他组件被定义）。这解决了我访问组件状态并将其提供给没有共同关系的另一个组件的问题。
于 2018-07-03T05:57:35.760 回答