スタティックメソッドは、レスキューにデコレータを含むES6クラスでは定義されていません

Question

私はデコレータ付きのES6クラスを持っています。それは静的メソッドfooを持っています。しかし、私が静的メソッドにアクセスしようとすると、その定義されていません。

@withStyles(styles) 
class MyComponent extends Component { 
    static foo(){ 
     return "FOO"; 
    } 
    render(){ 
     var x = MyComponent.foo; // x=undefined 
    } 
} 

デコレータを削除すると、静的メソッドにアクセスできます。もはや未定義ではない。

class MyComponent extends Component { 
    static foo(){ 
     return "FOO"; 
    } 
    render(){ 
     var x = MyComponent.foo; // x=foo() 
    } 
} 

この問題を回避する方法はありますか？あなたはes6とbabelを使用している場合、それは（es5に）そのようtranspiledすることができ

Answer 1

：

var MyComponent = (function() { 
    function MyComponent() { 
    _classCallCheck(this, _MyComponent); 
    } 

    _createClass(MyComponent, null, [{ 
    key: 'foo', 
    value: function foo() { 
     return "FOO"; 
    } 
    }]); 

    var _MyComponent = MyComponent; 
    Foo = withStyles(MyComponent) || MyComponent; 
    return MyComponent; 
})(); 

だから、その問題はwithStyles(MyComponent)は明らかに、静的メソッドにあなたを持っていない別の関数を返すということです元のクラスに指定されています。