您好, 欢迎来到 !    登录 | 注册 | | 设为首页 | 收藏本站

React Native中的全局变量/常量

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

这似乎是一个非常流行且有用的答案,所以我认为我应该使用最新的语法对其进行更新。上面的代码仍然可以在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
其他 2022/1/1 18:13:52 有581人围观

撰写回答


你尚未登录,登录后可以

和开发者交流问题的细节

关注并接收问题和回答的更新提醒

参与内容的编辑和改进,让解决方法与时俱进

请先登录

推荐问题


联系我
置顶