React Native中的全局变量/常量

  • Z时代
  • 2024-01-10
  • 分类：问答

在React

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

回答：

我要做的是创建一个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它们。

回答：

//文件：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

以上是 React Native中的全局变量/常量 的全部内容， 来源链接： utcz.com/qa/420016.html

回到顶部