Statik yöntem, RE6

Question

'da bir dekoratör ile ES6 sınıflarında tanımsızdır Bir dekoratöre sahip bir ES6 sınıfına sahibim. Statik bir metodu vardır. Ancak statik yönteme erişmeye çalıştığımda, tanımsız.

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

Dekondörü kaldırdığımda statik yönteme erişebilirim. Artık tanımlanmamış.

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

Bu sorun için bir çözüm var mı? Eğer es6 ile babel kullanıyorsanız

Answer 1

, bu (es5 kadar) böyle transpiled edilebilir:

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; 
})(); 

Yani onun sorunu withStyles(MyComponent) besbelli statik yöntemler size sahip değil başka işlev döndürecek olmasıdır orijinal sınıf için belirtildi.