Metoda statyczna jest niezdefiniowana w klasach ES6 z dekoratorem w reactjs

Question

Mam klasę ES6 z dekoratorem. Ma statyczną metodę foo. Jednak gdy próbuję uzyskać dostęp do metody statycznej, jej niezdefiniowane.

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

Po usunięciu dekoratora mogę uzyskać dostęp do metody statycznej. Nie jest już nieokreślony.

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

Czy istnieje obejście tego problemu?

Answer 1

Jeśli używasz babel z es6, może to być transpiled tak (do es5):

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

więc jego problemem jest to, że withStyles(MyComponent) powróci inną funkcję, która oczywiście nie ma metody statyczne ty określone dla oryginalnej klasy.