小编典典

React Native中的全局变量/常量

reactjs

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


阅读 605

收藏
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