小编典典

React Native中的全局变量/常量

reactjs

在React
Native中，有一种方法可以在全局变量上定义将要使用的所有字符串，就像在Android开发中一样，这里有一个String.xml，您可以在其中放置所有字符串。

阅读 606

2020-07-22

共1个答案

小编典典

我要做的是创建一个globals模块…

//文件：Globals.js

module.exports = {
  STORE_KEY: 'a56z0fzrNpl^2',
  BASE_URL: 'http://someurl.com',
  COLOR: {
    ORANGE: '#C50',
    DARKBLUE: '#0F3274',
    LIGHTBLUE: '#6EA8DA',
    DARKGRAY: '#999',
  },
};

然后我只需要在顶部…

const GLOBAL = require('../Globals');

像这样访问他们…

GLOBAL.COLOR.ORANGE

___

2018年2月10日更新

这似乎是一个非常流行且有用的答案，所以我认为我应该使用最新的语法对其进行更新。上面的代码仍然可以在CommonJS模块系统中使用，但是如今，您很有可能会遇到ES6和import模块而不是require它们。

ECMAScript模块（ESM）语法

//文件：Globals.js

export default {
  STORE_KEY: 'a56z0fzrNpl^2',
  BASE_URL: 'http://someurl.com',
  COLOR: {
    ORANGE: '#C50',
    DARKBLUE: '#0F3274',
    LIGHTBLUE: '#6EA8DA',
    DARKGRAY: '#999',
  },
};

//使用…

import GLOBALS from '../Globals'; // the variable name is arbitrary since it's exported as default

//并像以前一样访问它们

GLOBALS.COLOR.ORANGE

2020-07-22