如何声明一个全局变量并在 ReactJS 的所有其他模块中访问它？

Question

作为 ReactJS 的新手，我需要有关全局变量声明和使用的帮助。这种情况是我有不同的模块，我想访问一个在所有模块中都可用的变量，而不管它们的关系如何。准确地说，我有一个管理面板和一个用户仪表板，它们没有共同的父级。但是，我希望在管理面板中设置一个变量的值，并在用户仪表板和其他模块中使用该值。我尝试寻找解决方案，但找不到可行的解决方案。如果使用示例来解释解决方案，那将是一个很大的帮助。

Answer 1

不确定您的确切用例以及最适合您的用例，但是有几种模式更适合 React 的概念，它们提供了在不同组件中使用共享变量的能力：

• 在顶级容器组件中声明一个变量，并通过 props 将其传递给所需的孩子。
• 使用状态管理器（Redux、Mobx 等）并从任何组件访问状态（任何类型的数据）。
• 上下文 API