JS＆ES6：从类内部访问静态字段

Question

在ES6中，给出以下示例：

export default class MyStyle extends Stylesheet {
   static Color = {
      mainDark: '#000'
   }
   static Comp = {
      ...
      color: Color.mainDark
   }
}

如何访问Color.mainDark（静态字段）？

Answer 1

您可以按期望的方式访问它，但是，如果我记得使用Babel并立即导出类时存在一些问题，因此 如果 遇到问题，请在定义类后导出：

class MyStyle extends Stylesheet {
   static Color = {
      mainDark: '#000'
   }

  someMethod() {
    console.log(MyStyle.Color.mainDark);
  }
}

export default MyStyle;

您可以在玛丽安（Marian）对类似问题的回答中了解有关巴别塔（Babel）问题的更多信息，该问题据说已在巴别塔（Babel）6.2.1中修复。