阵营创建常量文件

Question

如何创建常量文件，如：关键 - 在ReactJs值，

ACTION_INVALID = "This action is invalid!" 

，并使用其他组件

errorMsg = myConstClass.ACTION_INVALID; 

Answer 1

您可以简单地创建为您的常量的对象：

const myConstClass = { 
    ACTION_INVALID: "This action is invalid!" 
} 

然后使用它。

如果你是捆绑的，你可以将export这个对象，然后import为每个组件文件。

Answer 2

我不能完全肯定我得到了你的问题，但如果我做到了，应该是很简单的：

从我的理解，你只是想创建一个常量的文件，并在另一个文件中使用它。

fileWithConstants.js：

export const ACTION_INVALID = "This action is invalid!" 
export const CONSTANT_NUMBER_1 = 'hello I am a constant'; 
export const CONSTANT_NUMBER_2 = 'hello I am also a constant'; 

fileThatUsesConstants.js：

import * as myConstClass from 'path/to/fileWithConstants'; 

const errorMsg = myConstClass.ACTION_INVALID; 

如果您正在使用的反应，你应该有任何的WebPack或打包（用于反应母语），所以你应该有这通天可以将您使用的输出和输入转换为较老的js。

Answer 3

做到这一点的一种方法（与其他答案虽然没有太大不同），但要创建一个裸constants.js文件并在其中添加常量。我用这个CONFIGS

module.exports = Object.freeze({ 
    ACTION_INVALID :'This action is invalid', 
    ACTION_VALID:'Some other action', 
}); 

然后，你可以要求它在任何地方

import ConstantsList from './constants'; 

，并使用

console.log(ConstantsList.ACTION_INVALID) 

Answer 4

扩展在Monad's answer，对于有些情况下，你不想键入myConstClass所有时间：

fileWithConstants.js：

个

export const ACTION_INVALID = "This action is invalid!" 
export const CONSTANT_NUMBER_1 = 'hello I am a constant'; 
export const CONSTANT_NUMBER_2 = 'hello I am also a constant'; 

fileThatUsesConstants.js：

import { ACTION_INVALID } from 'path/to/fileWithConstants'; 

const errorMsg = ACTION_INVALID; 

（另外，如果单子的方式为你工作好，我相信公约是“MyConstClass”开始一个大写字母，因为它的作用就像一个在代码类。）

Answer 5

如果你不想导入一切，你使用网络。您可以创建一个文件，其名称取决于您，但我会将其称为constants.js。

//constants.js 
var MyConstants = { 
    apiUrl: "http://localhost/side-project/english/backend/" 
} 

在你index.html你可以叫constants.js以上的bundle.js

我使用的WebPack

This guy here 
<script type="text/javascript" src="/src/js/constants.js"></script> 
<script type="text/javascript" src="/dist/js/bundle.js"></script> 

而现在，你不会需要把import Constants from '..path_to_constants'在每一个文件