Question

我想在组件外部创建静态变量，然后在组件中调用并使用它。顺便说一句，我不希望外部变量作为组件或道具。

Answer 1

您可以创建类似的课程

export default class TableConst {
  static LocaleText = {
    values: {
      to: "-",
      page: " ",
    }
  };
 }

然后导入该静态类并在您的主页中使用它

 import TableConst from "../TableConst";
 ...
 ...
 ...
 let columnDefs={TableConst.LocaleText.values}

Answer 2

如果您使用静态关键字在类中定义变量，则可以直接使用类Name访问这些变量，而无需实例化它。

class CustomVariables {
   static MyVariable = 'SomeContent';
   static MyVariable2 = 'SomeContent2';
}

export default CustomVariables;

您还可以在类中编写这些变量并返回该类的实例

class CustomVariables {
   constructor() {
       this.MyVariable = 'SomeContent';
       this.MyVariable2 = 'SomeContent2';
   }
}

export default CustomVariables();

，您可以像下面那样将它们用于两个caes

import CustomVariables from 'path/to/CustomVariables';

console.log(CustomVariables.MyVariable)

如何从组件外部调用静态变量？

2 个答案: