Il metodo statico non è definito nelle classi ES6 con un decoratore in reactjs

Question

Ho una classe ES6 con un decoratore. Ha un metodo statico foo. Tuttavia quando provo ad accedere al metodo statico, è indefinito.

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

Quando rimuovo il decoratore, posso accedere al metodo statico. Non è più indefinito.

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

Esiste una soluzione alternativa per questo problema?

Answer 1

Se stai usando babel con es6, potrebbe essere transpiled del genere (a 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; 
})(); 

Così il suo problema è che withStyles(MyComponent) tornerà un'altra funzione che ovviamente non ha metodi statici voi specificato per la classe originale.