ईएस 6 कक्षाओं में स्टेटिक विधि को रेफज

Question

में सजावट के साथ अपरिभाषित किया गया है मेरे पास एक सजावट वाला ईएस 6 कक्षा है। यह एक स्थिर विधि 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() 
    } 
} 

क्या इस मुद्दे के लिए कोई समाधान है?

Answer 1

आप es6 साथ babel का उपयोग कर रहे हैं, यह है कि (es5 करने के लिए) की तरह transpiled जा सकता है:

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) एक और समारोह जो स्पष्ट रूप से स्थिर तरीकों आप नहीं है वापस आ जाएगी है मूल वर्ग के लिए निर्दिष्ट।