react-native - 如何在React Native中使用全局变量？

Question

在 React Native 中，当我在不同屏幕之间移动时，我想使用全局变量

谁能帮我实现这个目标吗？

Answer 1

React Native 中的全局范围是全局变量。如global.foo = foo，那么你可以在任何地方使用global.foo。

但不要滥用它!在我看来，全局范围可以用来存储全局配置或类似的东西。在不同 View 之间共享变量，正如您的描述，您可以选择许多其他解决方案(使用redux，flux或将它们存储在更高的组件中)，全局范围不是一个好的选择。

定义全局变量的一个好习惯是使用 js 文件。例如global.js

global.foo = foo;
global.bar = bar;

然后，确保它在项目初始化时执行。例如导入index.js中的文件:

import './global.js'
// other code

现在，您可以在任何地方使用全局变量，而无需在每个文件中导入 global.js 。尽量不要修改它们!