如何在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;

盡管您選擇了可接受的答案，但我相信這是您所需要的。