반응 원어민에서 전역 변수/상수

반응 원어민에서 전역 변수/상수

React Native에서 Android Development에서처럼 사용할 모든 문자열을 글로벌 변수에 정의할 수 있는 방법이 있습니까? String.xml에서 모든 문자열을 입력할 수 있습니다.

내가 한 건 지구모듈을 만든 거야

// 파일: 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일 갱신

이것은 매우 인기 있고 유용한 답변인 것 같기 때문에 최신 구문으로 업데이트해야겠다고 생각했습니다.위의 내용은 아직 공통으로 기능하고 있습니다.JS 모듈 시스템이지만, 지금은 ES6와 같은 시기에 사용할 수 있습니다.import모듈보다require그들.

ECMAScript Module(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

globalin react native는 웹 개발의 창과 같습니다.

// declare a global varible
global.primaryColor = '***';

//now you can use this variable anywhere
console.log(primaryColor);

저도 Chris Geirman의 답변과 같은 모듈을 만들었지만, 요구 사항에 따라 참조할 수 없었습니다.대신, 나는 그것을 함께 일하도록 했다.import * as GLOBAL from '../Globals';

플랫폼 현지화에 따른 언어 간 전환을 원하는 경우.

npm을 통해 node_module을 가져옵니다.

npm i react-native-localization --save 

클래스의 변수 정의:

// Localisation.js
let LocalizedStrings = require ('react-native-localization'); 
let strings = new LocalizedStrings ({ 
 en: { 
     loginTitle:  "Login",
 }, 
 de: {
     loginTitle:  "Anmelden",
 }
})

문자열이 필요한 경우:

var STRINGS = require ('./Localization');
<Text>{STRINGS.loginTitle}</Text>

언급URL : https://stackoverflow.com/questions/33492943/global-variable-constant-in-react-native