如何在React Native中定义全局变量？

Question

问题我正在用React Native和firebase创建一个应用程序。 我正在使用两个选项卡，并且我希望将密钥从一个选项卡内部传递到另一个选项卡（对选项卡使用tabNavigator / reactNavigation ）。 我不知道如何定义全局变量。 我做了一些重新研究，发现我需要使用某种.global命令。 我试过使用：

var passKey = '';
global.passKey = key; //defined before any screens

当那行不通时：

this.global.setState({ passKey: item.key }) //defined in button in a flatlist

语句this.global.setState({})给我一个错误， global.passKey可能会全局保存该变量，但是当我在屏幕内部更改该变量时，一个变量不会传递到另一屏幕。 我真的很希望获得帮助，以获取在两个选项卡之间传递变量的解决方案。 谢谢！

Answer 1

如果要在两个选项卡中获取变量，则必须使用redux。 但是，如果您不使用它，那么当您第一次开始使用它时可能会有些复杂，请在此处查看文档https://redux.js.org/

Answer 2

好吧，如果这只是一个不会随时间变化的静态变量，请在项目中的某个位置创建一个constants.js文件，并export const MY_VARIABLE = 'theValue' 。 之后，您可以将其导入到需要它的文件中- import { MY_VARIABLE } from './constants'

Answer 3

它是这样工作的：

global.js

export default {};

用法

import global from './global';

global.passKey = 123;

尽管您选择了可接受的答案，但我相信这是您所需要的。