React Native中的全局变量常量

React Native中的全局变量常量,第1张

React Native中的全局变量/常量

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


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/5173614.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-11-19
下一篇 2022-11-18

发表评论

登录后才能评论

评论列表(0条)

保存