@構文を使用せずにES6クラスメソッドをデコレートしますか？

Question

は、通常、次の構文を使用して関数を飾る：

@decorate 
function x() { 
    console.log('wow am I decorated') 
} 

しかし流れは、まだこの構文をサポートしていません。簡単な回避策はあなたができることです。

const x = decorate(function() { 
    console.log('wow am I decorated') 
}) 

しかし、私はどのようにクラス内で同じ結果を達成できますか？

class plsWork { 
    how2decorate() { 
    console.log('why can I not be decorated :sob:') 
    } 
} 

Answer 1

あなたは、現在の標準に準拠していないので、あなたは、クラスのプロパティを使用することができます。

class plsWork { 
    constructor() { 
    this.how2decorate = decorate(() => { 
     console.log('why can I not be decorated :sob:') 
    }); 
    } 
} 

：

class plsWork { 
    how2decorate = decorate(function() { 
    console.log('why can I not be decorated :sob:') 
    }) 
} 

もう一つの方法は、transpilerは、とにかく最初のソリューションで何をするかである、コンストラクタにメソッドを追加することです

Answer 2

何もする必要はありません。メソッドデコレータは.flowconfigオプションesproposal.decorators=ignoreでサポートされています。

クラスデコレータのサポートはpulled in todayとなり、次のリリースにする必要があります。