React 创建常量文件

Question

如何创建常量文件，例如：ReactJs 中的键 - 值，

 ACTION_INVALID = "This action is invalid!"

并在其他组件中使用它

errorMsg = myConstClass.ACTION_INVALID;

原文由 IntoTheDeep 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

我不完全确定我是否收到了你的问题，但如果我这样做了，那应该很简单：

据我了解，您只想创建一个包含常量的文件并在另一个文件中使用它。

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;

如果你使用的是 React，你应该有 webpack 或 packager（用于 react-native），所以你应该有 babel 可以将你对导出和导入的使用转换为旧的 js。

原文由 Monads are like… 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

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

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

然后使用它。

如果你正在捆绑，你可以 export 这个对象然后 import 每个组件文件。

原文由 Davin Tryon 发布，翻译遵循 CC BY-SA 3.0 许可协议